If you are Elementor user then adding elementor text over image is not a big deal for you. Image hover effects widget included as a free element of Master Addons for Elementor Plugin. There are more than 25+ unique hover effects available. We have developed nice CSS image hover effects that will make your webpage load faster.
Sometimes it’s necessary to implement hover text over image. In some cases, you need to insert multiple images inside a webpage. It’s better to explain each image using text. It looks odd if you place a caption for each image. Hover text over image will help you to figure out this.
Before jumping into how to add hover text over image, drag your mouse in the following image and see the magic. If you like to check more hover effects then just click on the following link.
If you don’t have elementor page builder installed then just install it now. You also need Master Addons plugin to work with hover text element.
Adding elementor text over image
Drag Image hover effects element to your elementor page editor. You will get the element inside master addons element collection section. Take a look at the following screenshot and be familiar with the element.
After dragging the element you will see the image upload option. Just upload an image and select your desired hover effects. There are a total of 25+ hover effects available with different type of elements. You will see title, content, and social media option. Some people like to showcase only the title or only content or only social media. You are free to showcase anything as image hover. Some effect doesn’t contain social media icon, if you select that effect then you won’t see the social media field.
From the content option, you can input image, image link, title, description, and social media.
Now it’s time to check the style option. Within the style area you able to select typo, change color, background color. There are image, title, description, and social media sections available. For image styling – you can choose background color, image opacity, border, image filter. For title and description, you will get typo change, color, and box-shadow option. Lastly, for social media, you will see color and hover color options there.
That’s all about image hover effects. Arrange your text nicely on your desired image and apply a perfect hover effect to your image. There are some effects which available on free but if you want to get all effects, you should upgrade the plugin.