Image Hover Color & Text

[jennetcetera]

Hi there – I have an image, and on hover I would like for there to be a dark overlay and some text. Is there I way to add this within Pro, or is there a recommended plugin? I’d prefer to limit the amount of manual CSS that I’m adding for this because there are several images that need different overlay text for each, and this set of images will need to be updated often by someone who is less familiar with CSS.

So for example, if the image on the left is my image, then the image on the right is what I’d like to show on hover:

Thank you!

[ruenel]

Hello @jennetcetera,

Thanks for writing in! What you want to do is not possible within the builder. It will require some custom CSS to be able to do it. What you can do is to make use of the Essential Grid or the Grid plugin instead. You can install the plugin in Pro > Validation > Extensions. Please check this out to get to know more about these plugins:

• https://theme.co/docs/essential-grid
• https://theme.co/docs/the-grid

You can check out the different example of the grids from their respective sites.

[jennetcetera]

Thank you!

[prakash_s]

You are welcome @jennetcetera