Different Iconbox colors in one section

datucker · November 2016

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 · November 2016

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; }

datucker · November 2016

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 · November 2016

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 · November 2016

Great!

Different Iconbox colors in one section

Comments

This website uses cookies