Colour for categories

Hi!

This is only possible if you use the “Masonry Blog” ( http://kriesi.at/themes/enfold/blog/masonry-blog/ ) or portfolio element. The standard blog and the blog grid don’t support colored backgrounds without major theme code customization.

You can change the background of masonry blog posts with this code:

#top #wrap_all .post.av-masonry-entry.science_sort, #top #wrap_all .post.av-masonry-entry.science_sort .av-inner-masonry-content {
background: #333; 
}

and replace “science” with the slug of your post category. Obviously you can also choose a different background color value.

Use this code to change the color of portfolio grid items:

#top #wrap_all .grid-entry.isotope-item.science_sort, #top #wrap_all .grid-entry.isotope-item.science_sort .grid-content {
background: #333; 
}

Again you need to replace “science” with the slugs of your portfolio category(ies). If you’ve multiple categories you need to duplicate the code for each category like:

#top #wrap_all .grid-entry.isotope-item.science_sort, #top #wrap_all .grid-entry.isotope-item.science_sort .grid-content {
background: #333; 
}

#top #wrap_all .grid-entry.isotope-item.mysecondcat_sort, #top #wrap_all .grid-entry.isotope-item.mysecondcat_sort.grid-content {
background: #ff0000; 
}

You can insert the css code into the quick css field or child theme style.css file.

Best regards,
Peter