Changing Image In Widget On Hover?

Hey guys,

How do I change the image in the Services-widget on hover? Not sure if this is supported here.

Website link.

I understand I need to have a new DIV and change the CSS. But where exactly do I paste this new div?

Here’s an example of the code:

<div class=“service-thumb”>
<im width=“350” height=“234” src=“http://sustainable-communication.site/wp-content/uploads/2017/07/research-350x234.png” alt="" />

Thanks guys!

Hello Pontus,

Please try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS (WordPress 4.7 and up).

.service .icon:hover i::before {
    content: '\f00c' !important;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hey Roman,

Thanks for the help! However, it didn’t seem to have any effect. Isn’t there more I need to specify?

Thanks,
Pontus

Hello Pontus,

It looks like you have added it in comment tags, can you please double-check that?

Kind Regards, Roman.