Website Building » Wix » What Is a WIX Hover Box?

What Is a WIX Hover Box?

Last updated on January 8, 2023 @ 8:09 pm

A Wix hover box is a feature that allows you to display additional information about an element on your website when the mouse cursor hovers over it. The hover box can contain text, images, or both. You can use the hover box to provide your visitors with more information about your website’s content without taking up too much space on the page.

To create a Wix hover box, simply add the following code to your website’s HTML:

GREAT NEWS:

Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.

<div class="hoverbox">
   Your content goes here. This can be text, images, or both.
</div>

You can style the hover box using CSS. For example, you could add the following code to make the hover box appear when the mouse cursor hovers over it:

.hoverbox {
    display: none; } 
  hoverbox:hover {
    display: block;
}

You can also use JavaScript to create a Wix hover box. For example, you could add the following code to your website’s HTML:

<script>
  function showHoverBox(id) {
    document.getElementById(id).style.display = "block";
  }
  function hideHoverBox(id) {
    document.display = "none";
  }
</script>
PRO TIP: The WIX Hover Box is a tool that allows you to create a floating box on your website. This box can contain text, images, or other HTML elements. While the Hover Box can be a useful tool, it can also be misused. If you use the Hover Box on your website, be sure to use it sparingly and only when it makes sense. Otherwise, you risk annoying your visitors and driving them away from your site.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.