header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Editor: Adjusting the Layout of Your Columns

3 min
In this article
  • Resizing your columns
  • Changing the column spacing
  • Aligning the column content
Adjust the layout of your columns to suit the look and alignment of your page. You can change the sizing and spacing to fit your content to make sure that your site is clear and easy to navigate.

Resizing your columns

Adjust the size of columns to suit your strip's content. You can select a preset layout, or use the customization option to change the proportions to whatever you'd like.

To resize your columns:

  1. Click the strip that contains the columns in the editor.
  2. Click the Layout icon .
  3. Click a layout under Column Proportions. 
  4. (Optional) Click Customize Proportions and customize the layout by dragging the column edges.
Note:
If you have 5 columns, you cannot customize their proportions - they are always distributed equally.

Changing the column spacing

Choose the amount of space between your columns and the margins around them by adjusting the spacing and padding.

To adjust the spacing and padding:

  1. Click your strip that contains your columns in the editor.
  2. Click the Layouts icon .
  3. Drag the Column Spacing slider to increase or decrease the gap between each column, or enter a value.
  4. Drag the Padding slider to increase or decrease the space between the columns and the edge of the strip, or enter a value.

Aligning the column content

Each column in your strip can have a different alignment for its content. 

To change the alignment of the content in your columns:

  1. Click the column in your strip element.
  2. Click the Layout icon .
  3. Select a layout: 
    • Center: The content is aligned to the center of the column.
    • Left: The content is aligned to the left of the column.
    • Right: The content is aligned to the right of the column.