In this category: http://servedaily.com/category/schools/nebo-sd/
I’m using Category template 5, category top post grid 6, grid style 4,
Is that gray box able to be turned into an image?
Basically I want where the gray box is, or above it if I was too choose a different category template, to be a “Header” for the page and have custom headers for each category, is that possible?
Hi servedaily,
Yes, it is possible to display an image in that gray box. You can set this within Theme panel, as background image, like that: http://screencast.com/t/AtlvgnQib and the image will be the full background of the page. In this category style, header container are transparent and practically in this container you can see the background image. http://screencast.com/t/6x3ZUf4ZrQo
Also, another possibility for you, would be to use a bit of Css to make some customization. Please try the code below in your Theme panel->Custom Css area to fix the problem, like this: http://screencast.com/t/gtGlwFvufE
.td-category-header.td-image-gradient-style8 {
background-image: url('enter your URL image');
background-repeat: no-repeat;
}
Note: If you want to follow the above option, please use a background color/image (white color for example).
Every category has an custom class set to it. You can get this class by inspecting the category page with your browser inspector: http://screencast.com/t/5uS8nYlTc6u
For example mine is category 66. So i would add this to the beginning of the code like so:
.category-66 .td-category-header.td-image-gradient-style8 {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b5/Winnersh_Meadows_Trees.jpg');
background-repeat: no-repeat;
}
Now the code will only apply to that specific category. So if you need to use the code for another category you can simply copy and paste it and change the category number and the image.
To achieve custom headers for each category is not a simply task and this things are required custom work. You can use another category_top_posts_style (1,2,3,4,5,7) for each category you have and it is necessary to create some function in php and shortcode in order to works fine. http://screencast.com/t/0DIS3Bzfxi
This is a complex task which requires lots of customization and if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.
Hope this helps!
Thank you for your understanding!
