Website Building » Wix » How Do I Hover Text Over an Image in Wix?

How Do I Hover Text Over an Image in Wix?

Last updated on October 1, 2022 @ 10:23 am

If you want to hover text over an image on your Wix website, there are a few different ways you can do it. One way is to use the Wix Editor’s built-in image hover tool. To do this, simply select the image you want to add hover text to and click on the “Hover Text” icon in the toolbar that appears above it.

Another way to add hover text to an image on your Wix site is by using HTML. This can be done by adding the following code to the “Custom Code” section of your site:

HOVER TEXT

You can also style the hover text by adding HTML tags such as

, and around it. For example:

This is some hover text

If you want the hover text to appear on top of the image, you can also add the following CSS code to your site:

img {position: relative; z-index: 1;}
p {position: absolute; z-index: 2; top: 50px; left: 50px;}

Adding hover text to images on your Wix website is a great way to add more information about them without taking up too much space. By using either the Wix Editor’s built-in tool or HTML, you can easily add hover text to any image on your site.

PRO TIP: Hover text is a great way to add additional information to an image on your Wix site. However, if not used carefully, it can make your site look cluttered and confusing. Make sure to use hover text sparingly and only when it adds value to the image.
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.