What is the Row/Column Editing option in Website Builder?

123-reg Website Builder icon

This FAQ will explain Row and Column editing in Website Builder.

This article will show you can organise your website using Rows and Columns.

Please note: This artile only applies to Website Builder Version 6. If you are not sure which version of Website Builder you are using, you can use this article to check.

The Row/Column Editing option allows you to edit the template's layout elements. You can use this if you wanted to make your page into sections of different sizes on your Website Builder website.

To enable Row/Column editing, simply click the Row/Column editing button. Once done you will see a pop up notifying you that Row/Column editing has been enabled. 

Set the number of columns

On the column you wish to edit, click on the settings icon. In the settings pane you can edit the number of columns you wish to have using the drop down menu.

Column Editing

Column editing allows you to change the amount of columns on your webpages. This allows you to create the site design you want to create as the column tool provides visible guidelines which allow you to fit the elements of your site onto the page. 

Simple click the column icon in the top right hand side of the screen. This will open a menu which allows you to set the number of columns you would like on your webpage. Selecting the Show Guides button for a visual identifier of the columns on your site. 

Row Editing

When Row editing is enabled, when you move your mouse over a zone on the website, a small menu will appear. This menu allows you change the style of the zone - which effects the look of the zone - and allows you the change the amount of columns in that particular zone (rather than the entire page as discusses above.) You  can also use the tool to move the zone on the page, so you could move the zone above or below other zones present. 

Row Visibility

Row visibility allows you to add more zones to your site, or to remove them entirely. Different templates will have a different amount of zones preset to visible, but you can customise this by clicking on the eye icon in the top right of the window. Having the icon ticked means the zone will be visible, unticked means it will not be visible. 

Website Builder supports the following layer names:

  • Header
  • Subheader
  • Feature
  • Subfeature
  • Main
  • Footer
  • Background