How to change color of line below animated icon in the icon box via CSS?

david7722 · March 2019

Hi,

In just one section (of Muffin builder) via CSS I set a different color of icons than what I have setup in the Muffin options, but I cannot figure out how to change the color of the line that pops up under the icon on mouse hover. Can you please help?

Pablo · March 2019

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

david7722 · March 2019

I am using a blue color for icons/buttons etc. set in the Muffin options:

http://hydroseal.shark.cz/hydroseal/

On only one page of the website I need to change the blue color to brown color via CSS, the only thing I don't know how to change the color is the line that pops up under icon on mouse over:

http://hydroseal.shark.cz/stoneseal/

This is the image of what I need to change to brown using CSS:

https://pasteboard.co/I7cH7cj.png

Pablo · March 2019

Hi,

Please paste this code into the Theme Options > Custom CSS & JS > CSS

body.page-id-21 .icon_box .title::before{
	background-color:brown !important;
}

It will solve your problem
Thanks

david7722 · March 2019

Thanks a lot!

How to change color of line below animated icon in the icon box via CSS?

Comments