Change Header image for each category

Posted in: Newspaper
Post count: 16

Hello, i’m trying to make it so that each category (using style 8) has their own category image. I can’t find this in the documentation so I attempted adding this CSS
.category-"category slug" .td_category_template_8 .td-category-header {
background-image: url("IMG URL");
}

it’s not working though. So how would I change it?

Also how would I add a box of text (different for each category) between td-category-header and td-main-content-wrap.

Thank you for the great theme!

Post count: 23312

Hi jmask,

If you want to add a category image for each category which has template style 8, please notice that you should use a bit of CSS code in order to achieve this. So, first of all, you will have to take the category ID for what category you want to add the image and that, with the background-image rule of CSS you can add your desired image. Below, I gave you an example for one category, like this ->

The code is ->

.category-89 .td-category-header.td-image-gradient-style8 {
background-image: url(http://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/login-mod.jpg);
background-size:100% 100%;
background-repeat: no-repeat;
border-color:red;
}

The result you should see here -> http://screencast.com/t/cxIhL9poCkUC

For your second request, if you want to add some content or spot, please notice that you should use the do_shortcode method with some Visual Composer element (as an example Text Block) and then, the shortcode of it, you can add in td_category_template_8.php like this -> http://screencast.com/t/oZDdl9FjV
If you are not aware of the steps in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for your understanding!

Post count: 16

Excellent, thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.