Image link to change to new image on hover

Hello -

I’ve found topics on this already but it’s all latin to me. I sort of get it but I really just need to be pointed in the right direction. Not too experienced with CSS.

On my landing page I have 12 logos that when on hover a halo glow effect shows. When clicked it brings you to a new page highlighting my work.

The first 6 are done. The remaining I am still working on but I would like it to instead of just glowing on hover, I want it to change to a new image while still maintain the glow effect.

The image would change to an image which I have in my media library called “Examples Coming Soon”.

Any help would be great.

www.cbproductiondesigner.com

Hello Cliff,

You may use the button element instead to make this possible.

Firstly, disable the Text Setup option:

Then set the padding, box shadow, and border radius options to 0.

Enable the Graphic setup and set it to Image.

Then to set the image to disable on hover, scroll down to the Secondary Graphic Image option and set the image there:

Hope this helps.

Hi Jade. - Your the best!!

Thanks so much. Works perfect.

Cliff :grinning:

You’re always welcome Cliff!

Glad @jade we’re able to help you here. Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.