Different Iconbox colors in one section

datucker

In general I set the color for headers (<h1> to <h6>) in blue. 

I want to use a set of iconboxes in the first section of my page but I want to have that set iconboxes in white (because of the background image). How can I overrule the (default) blue color of an iconbox for 1 section? 

Check http://www.fiksi.co/ to see what I mean.

TIA for an answer!

With kind regards,

datucker

Albert

Hi,

to change Icon Box colors, you need to use the following css:

.icon_box { color: #FFF !important; }
.icon_box .icon_wrapper { color: #FFF !important; }
.icon_box .desc_wrapper .title { color: #FFF !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

datucker

Great, thank you! 

I added a custom class with this. The hover effect above the text (the line that appears) is still in blue though. Can you help me with this last piece, please?

Thanks once again!

datucker

I think I've found it, after I had been puzzling myself this whole morning until your great support came along:

I added:

.icon_box .desc_wrapper .title:before { background-color: #FFF !important; }

It did the trick!

Great support! A++++

Albert

Great!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next