Wix Editor: Creating Text Columns

3 min read
Columns are a great way to showcase important site information. You can do this by adding a strip to your site and organizing your text into neat, structured columns. Design your columns to be equal in size, or customize each column's proportions individually.
screenshot of site displaying strips with 3 columns.

Step 1 | Split your strip into columns

First, split your strip into the desired amount of columns. You can have up to five columns.
screenshot of manage columns panel in wix editor.

To split your strip into columns:

  1. Go to your editor.
  2. Click the relevant strip. 
  3. Click the Layout icon .
  4. Click Add Column.
  5. (Optional) Click Manage Columns and then Add Column to add more columns.

Step 2 | Resize your columns

Adjust your column proportions to suit the amount of text you want to display. You can choose from one of our column proportions presets or create a custom layout.
Note:
If you have 5 columns, you cannot customize their proportions. They are always distributed equally.
screenshot of strip layout proporiton options in wix editor.

To resize your columns:

  1. Go to your editor.
  2. Click the relevant strip.
  3. Click the Layout icon .
  4. Click a layout under Column Proportions. 
  5. Click Customize Proportions and customize the layout by dragging the column edges.

Step 3 | Add text to your columns

Next, add a text element to your site. Then, resize the element using the drag handles and drop it in place on your column.
gif of text element being attached to column in wix editor

To add text to your columns:

  1. Add a text element to your site.
  2. Re-size the text element so that it fits completely inside your column borders.
  3. Click and drag the text element to your chosen position on the column.
  4. Drop the text element when you see Attach to Column.
Important:
Make sure that your text is placed in the gridlines of each column to ensure that the text is visible on all devices.
Tip:
If you don't want your strip (behind your columns) to be visible, make it transparent by decreasing the opacity in the background settings.

Did this help?

|