Changing colour of icon box and hover colour

connecting · November 2016

Hi,

I'm trying to change the colour and hover colour of a specific icon box.

I've given the icon box a custom CSS class name of:iconbox-white and put the following code in the Betheme options custom CSS section

.iconbox-white .icon_box .icon_wrapper, .icon_box a .icon_wrapper, .style-simple .icon_box:hover .icon_wrapper {color: #ffffff !important;}

However this has turned all of the icons white instead of just the one I want and the hover underline is still in the default colour rather than white.

Thanks in advance.

Albert · November 2016

Hi,

please send us link to page where you did above customization so we can have a look on it.

connecting · November 2016

The site is only a temp design at the moment so please use this link:

http://d2396624.u299.pipeten.co.uk/

Thanks again.

Albert · November 2016

Sorry but above link does not work.

connecting · November 2016

Sorry try this instead:

http://d2396624.u299.pipeten.co.uk/Wp/

Thanks.

Albert · November 2016

It's still the same http://pasteboard.co/sHHgyxoIf.png

connecting · November 2016

I've just tried this and can see the site.

http://d2396624.u299.pipeten.co.uk/wp/

Albert · November 2016

No it works but the address is different then the previous one.

To change color for one icon that has iconbox-white class and to change line color, you need to use the following css:

.iconbox-white .icon_box i { color: #FFF !important; }
.style-simple .icon_box .desc_wrapper .title::before { background: #000 !important; }

connecting · November 2016

That's great guys,

Thanks.

Albert · November 2016

You are welcome

Changing colour of icon box and hover colour

Comments