Wix Editor: Adding and Setting Up Columns on Your Strip

Columns are a great way to section and organize strips on your site. Customize each column individually to suit your site's look and layout, and create eye-catching pages for your visitors.

---

Splitting a strip into columns

Add a column to a strip quickly and easily from the strip's layout settings to begin constructing and arranging your site's content.

To split a strip into columns:

1. Go to your editor.

2. Click the strip element on your page.

3. Click the Layout icon

   

   .

4. Click Add Column.

---

Adding more columns to a strip

Once you've added your first columns, you can add more to continue organizing and building your strip. You can add up to five columns.

To add more columns to a strip:

1. Go to your editor.

2. Click the strip element (with at least two columns) on your page.

3. Click Manage Columns.

4. Click Add Column.

---

Changing the column background

Select an individual background for each of your columns to create an interesting and engaging design. You can choose a color, an image or a video for the column background.

To change the column background:

1. Go to your editor.

2. Click the column on the strip on your page.

3. Click Change Background and choose from one of the following options:

   • Color: Choose from a range of colors to either match your site's palette, or create something bold.

   • Image: Select from a variety of striking free images, or upload your own.

   • Video: Choose a free eye-catching video from Wix, or upload your own through the Media Manager.

   • Create an AI Image: Generate a custom image with the AI Image Creator.

---

Adding elements to columns

Build your page's content by adding elements to columns on your strip. Popular elements to add to columns include text, buttons, and vector art.

To add elements to columns:

1. Go to your editor.

2. Drag the element to your chosen position on the column.

3. Drop the element when you see Attach to Column.

Tip:

For larger elements, make sure the element is smaller than the column. If necessary, resize the element to fit it in the column.

---

Customizing your columns

You can customize the columns to look exactly how you want. Adjust settings such as the border, corners, and shadow so that it nicely matches your site.

To customize your columns:

1. Go to your editor.

2. Click a column on your page.

3. Click the Design icon

   

   .

4. Choose what you want to customize:

Border

Customize the column's borders:

• Opacity & color: Click the color box and select a color for the column's borders. Drag the slider to increase or decrease the opacity.

• Border style: Select a border style (None, All sides, Bottom).

• Width: Drag the slider to increase or decrease the column's border width.

  Note: This option will not appear if you select None under Border style.

Corner

Round the corners of the column to make it more circular. Enter a number in each text field to round the corner.

Tip: Click the Lock icon

to keep all corners and proportions the same.

Shadow

Create a shadow for your column. Click the Apply shadow toggle to enable or disable the shadow on the element.

When the toggle is enabled, continue customizing the shadow:

• Angle: Select a position on the circle or enter a value.

• Distance: Drag the slider to increase or decrease the distance.

• Size: Drag the slider to increase or decrease the size.

• Blur: Drag the slider to increase or decrease the shadow blur.

• Opacity & color: Select a color and drag the slider to increase or decrease the opacity of the shadow.

What's next?

• Adjust the spacing and sizing of your columns.

• Learn about managing your columns on your mobile site.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!