My site is starting to take shape, however I am wondering if it is possible to change the category /section colours in full, not just the tags.
So for instance…
http://www.scifiandfantasynetwork.com/
I have the ‘Latest Released’ tag colours set to #8c1f3c. What I would like to do is have everything related to Latest Released that colour…so I think…
1) The underline / border in the menu
2) The mega menu cat roll over
3) When you click on latest releases – http://www.scifiandfantasynetwork.com/latest-release/ have the tag / titles / wraps
I realise I will have to make css for each of the categories, I am just not sure how. Can someone help me in the right direction please?
Thanks! 🙂
Hi,
1-2 You can use the following css for border and subcategories: http://screencast.com/t/8h1O1TFrx3A
.menu-item-first a:hover{
border-bottom-color: #8c1f3c !important;
}
.menu-item-first .block-mega-child-cats a{
color: #8c1f3c;
}
Also if you want to change this for other categories you can add class .menu-item-xxx: http://screencast.com/t/wEP4G1qVb
3. I see that you have a category named “Latest Released”- http://scifiandfantasynetwork.com/category/latest-releases/ and also a page – http://scifiandfantasynetwork.com/latest-release/
a)For your category page you can add class .category-latest-releases like this: http://screencast.com/t/TAMxhrDj9SOb
.category-latest-releases .slide-meta-cat{
background-color: #8c1f3c;
}
.span8 .category-latest-releases .entry-title a{
background: #8c1f3c;
color: white !important;
}
b)For your page http://www.scifiandfantasynetwork.com/latest-release/ you can set the background color from block settings: http://screencast.com/t/IFMtUzaf
And for Big Slide please use this custom css: http://screencast.com/t/ZlRGWVM2l
.page-id-83 .td-sbig-title-wrap .td-sbig-title, .page-id-83 .td-sbig-title-wrap{
background-color: #8c1f3c;
}
Also you can use class .page-id-xx if you want to do this for another page.
Hope this helps!
