Hi,
I have managed to change the header colour of the category 8 template (see link below) via the style.css stylesheet but I was wondering if there is a way to have a different colour for each individual category?
http://www.screencast.com/t/vNTPMwlY
Is this possible?
Thanks in advance.
Kevin
Hello Kevin,
Unfortunately, I do not understand very well what you want to achieve … The category 8 like this -> http://screencast.com/t/86JQ3Y1P and I suppose that you are talking about the header colour and into your screenshot do you are referring to content…? So, if you want to change the header color for each category, you have to target the certain category by category ID. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.category-89 .td-banner-wrap-full {
background-color:red
}
The result you should see here -> http://screencast.com/t/fMBOxNNjwH
Hope this helps!
If is not what you mean, please provide more details and be more specific on what you want to change so I will be able to provide a more accurate response.
Thank you for the message!
Hi Catalin,
Sorry if i was unclear in what i was asking.
As you can see in the image attached (http://www.screencast.com/t/NpVncZalXkjz)i have customised the area where the red arrow points to, i am not sure exactly what this area is called.
I have changed the colour of the background to yellow via the main style sheet and removed the pulldown and sibling categories from the template.
I was looking to find a way to have a different colour for this area for each of the categories on the site similar to the way the theme allows the ability to have unique tag colours per category.
Is this possible?
Thanks
Kevin
Hi Catalin,
I may have figured it out!
I have used this code in custom css:
.category-1 .td-category-header.td-image-gradient-style8 {
background-color: rgba(162, 0, 255, 0.5);
}
To get this result: https://godhelpusall.com/alternative-news
I have then added a new block of code each with the specific category ID and custom colour and all seems to work OK.
Is this code correct? I am not very confident with css and would like to know if there is a more efficient way to accomplish the same result.
Thanks
Kevin
Hello Kevin,
Yes, it is correct. I have tested your code on my side and works fine.
Thank you for the message!
Hi Catalin,
Thanks you for all your help.
Great service as usual 🙂
