Edit a column

Column settings you can edit

You can modify column style and layouts in the following ways.

  • Change the column widths when you have two or more columns across.
    Widths must add up to 100%.
    Tip: When you have more than two columns across, it's easier to use the drag handle on the column instead of column settings.

  • Equalize the column heights of all columns in the layer, then choose whether the content in the columns should be aligned to the top, center, or bottom of the column. The following screenshot shows two columns set to equal height and vertically centered.
  • Set default text colors for any modules in the column. The options are text color, link color, text hover color, and heading color.
  • Add a background color or image.
    Note: You can't add dynamic backgrounds to columns, such as videos, slideshows, or parallax.
  • Add a border.
    You can set individual top, bottom, left, and right borders, which lets you add horizontal or vertical column separators.
  • Change column margins and padding. You can also add custom settings for margins and padding for medium and small devices for that column.
    Tips: Individual modules don't have padding settings.
    You can set padding for the modules in the columns that contain them. Before you put out effort changing individual settings for medium and small devices, see how default and global margins and padding work in the margins and padding article in the Related Articles below.
  • Change the usual advanced settings for responsive layouts and visibility.
  • Add a custom ID or class for CSS rules.

Open column settings for editing

If a column has child columns, you can edit either the child or the entire parent column.

To open column settings in an empty row:

When a column is empty, access Column Settings by hovering over the empty column and clicking the Edit column icon, as shown in the following screenshot.

Page Builder 2.x:

Page Builder 1.x:

See the Related Articles below for how to insert a column.

To open column settings for editing:

  1. Mouse over an empty column or a module to reveal the toolbar and click Edit column.
    If you see a hamburger icon in the module toolbar, click that and mouse over Edit column.
  2. Do either of the following:
    1. Mouse over Column settings.
      The area that will be affected by the column settings is shaded in blue.
      Page Builder 2.x:

      Page Builder 1.x:
    2. If you mouse over a child column and you want to edit its parent column, mouse over Parent settings.
      Page Builder 2.x:

      Page Builder 1.x:
  3. After you verify the scope of where the settings will apply by looking at the blue shading over the column, click Column settings.