How modify icons color

antonio-segunda · May 2020

Hi.

How can I modify the colors (background and content) (hover and non-hover) of the icons.

I have found how to do it for social icons, but I do not know how to do it for those of the icon boxes

Thank you

Pablo · May 2020

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

antonio-segunda · May 2020

Ok.

Sorry

You can check: http://mhbsaor.cluster028.hosting.ovh.net/index.php/quienes-somos/

In this picture, https://ibb.co/fQV9LWY

The background (NO hover) is transparent "strange"

Pablo · May 2020

So, if you want to change the hover color, use this CSS:

.icon_box:hover .icon_wrapper::before, .icon_box a:hover .icon_wrapper::before{
	background:purple !important;
}

To change background color, just remove :hover from CSS code and paste it once more.

About icon, you can do it in the Theme Options > Colors > Shortcodes, it's named "Icon Box Icon Color"

Thanks

How modify icons color

Comments