Text over image - Customize hover effect on image

Support
#1

Hi,
I would like to see text on the image when I hover on it, like in this website:

This is the link of this website: http://www.incontrandoferenczi.it

I’m working with Pro theme, and I don’t know how to get this effect.
Thank you very much!!

Giacomo

#2

Hi Giacomo,

The easiest way to achieve that kind of effect is by using a bundled plugin Essential Grid. See the documentation here and samples here.

Hope this helps.

#3

Thank you Lely,
it worked! I was able to make it with Essential Grid. I didn’t know this plugin, because this is the first website I made. Maybe it would be helpful to have a list with all the plugins and explanations of what they are for and what they can create, with maybe some examples…

Thank you again.

#4

You’re welcome.

#5

Hi,

is it possible to achieve the same effect mentioned before with some CSS code now, avoiding heavy plugin’s code?

Thanks!

#6

Hey Giacomo,

Technically, a lot can be done with CSS. However, that involves a person writing custom CSS. That person could be you or a third-party developer. We do not provide custom CSS or code as part of theme support.

Essential Grid has a feature to customize the look of the grid items. To learn how to use it, you can read the Skin Editor documentation or watch the tutorial below by ThemePunch.

Hope that helps.