How to remove hover color from icon box

joshf4m

Hello,

I have a client who is requesting to remove the hover effect / link feature from the icon box. 

They would prefer a static icon without the link... any suggestions or directions on how to accomplish this in the CSS?

Greatly appreciate your help!

Bryan

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

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

joshf4m

Link is 

http://saltydoggraphics.com

Thanks,

Bryan

Try this css

.icon_box:hover .icon_wrapper, .icon_box a:hover .icon_wrapper {
	color: #17375E;
}
.icon_box:hover .icon_wrapper {
	transform: scale(1) !important;
	background:white !important;
}
.icon_box:hover .icon_wrapper::before, .icon_box a:hover .icon_wrapper::before {
	background-color:white !important;
}

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

joshf4m

This still didn't work... any other suggestions?

I added it to the custom css on the page and also tried adding it to custom editor but no positive results.

joshf4m

oops I stand corrected ! now it works! 

Thank you so much!