Website Building » Wix » How Do I Change the Size of the Hover Box on Wix?

How Do I Change the Size of the Hover Box on Wix?

Last updated on January 7, 2023 @ 10:08 am

There are a few different ways that you can change the size of the hover box on Wix. One way is to change the width and height of the box in the Wix editor. Another way is to use CSS to change the size of the box.

To change the width and height of the hover box in the Wix editor, go to the “Settings” tab and click on “Site Settings.” Then, click on the “Customize” tab and select “Advanced Settings.” In the “Advanced Settings” window, scroll down to the “Hover Boxes” section and adjust the “Width” and “Height” settings.

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.

PRO TIP: If you are not familiar with HTML or CSS, we recommend that you do not attempt to change the size of the hover box on Wix. Doing so could result in the hover box not functioning properly.

To use CSS to change the size of the hover box, go to the “Settings” tab and click on “Site Settings.” Then, click on the “Customize” tab and select “Edit HTML/CSS.” In the code editor, find the code for your hover box and add the following CSS:

.box {
   width: 200px;
   height: 200px; 
 }

Save your changes and preview your site to see your new hover box size.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.