Hover over image element

Support
#1

Hello,

How would one go about adding a hover color over the image element?

Thanks,

#2

Hey Mathieu,

There’s no option for this in the Image element but you can achieve that using this custom code.

.x-image img:hover {
    opacity: 0.8
}

To change the hover color, edit the Image element’s Base background color for a non-link image and edit the Interaction background color if your image is a link. You can change the opacity value from 0 to 1.

Hope that helps.

1 Like
#3

Thank you! Apologies for not responding sooner, but I never received a notification that you had responded!

#4

You are most welcome. :slight_smile:

#5

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