Website Building » Wix » How Do I Change the Width of a Column in Wix?

How Do I Change the Width of a Column in Wix?

Last updated on October 1, 2022 @ 1:36 am

There are a few different ways that you can change the width of a column in Wix. One way is to use the Wix editor to drag the column edges to where you want them. Another way is to use the Wix code editor to add CSS code to change the width.

If you want to change the width of a column in Wix using the editor, simply click on the column and then drag the edges to where you want them. The width will change as you drag. If you want to be more precise, you can click on the “Columns” button in the editor and then enter the exact width that you want.

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.

If you want to change the width of a column in Wix using CSS code, first go to the “Add” menu and select “Advanced Settings.” Then, click on “Custom CSS.”

In the box that appears, enter your CSS code. For example, if you wanted to make a column 50% wider, you would enter this code:

PRO TIP: The width of a column in Wix can be changed by clicking on the column, going to the “Column” tab, and then adjusting the “Width” setting. However, be aware that changing the width of a column may cause the layout of your site to become distorted.

.wix-col { width: 50%; }

You can also use CSS code to change the width of specific columns. For example, if you wanted to make the first column 50% wider and the second column 25% wider, you would enter this code:

.wix-col-1 { width: 50%; }
.wix-col-2 { width: 25%; }

Once you’ve added your CSS code, simply save and publish your site to see the changes.

Dale Leydon

Dale Leydon

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