This article is also available in:
In this article, we will show you how to set up a page's section on ShopBase Creator using Website Builder.

Step by Step Tutorial

To add a new section to your web page, from the Website Builder, hover over the + button in the desired position and select Add section. Or open the Insert panel and drag your section into the desired position.

In the Side bar settings, you can customize the following elements of your section:

Full width: Select this option if you want the section's content to span the entire width of the browser. When this option is disabled, the section content is only displayed within the 1120px width.

Min height: By default, the height of the section will expand automatically as more content (such as blocks and rows) is added to the section. To make more space in the section, you can set a fixed minimum height for the section.

Border: Customize the border of your section. Here, you can adjust the size, select a color from the site/page's color palette, or choose a custom color. If you don't want a border around your section, set it to Transparent.

Background: Select a color from the color palette, or choose a custom color for your section.

If you prefer to use an image for your section, change the color to Transparent and upload your image in the Image section. Then, you can customize its position, repeat style, and size to your preference.

Padding: Adjust the padding, or the space between the section's border and its content.

Margin: Adjust the margin, or space around the section's border.

In the Quick bar setting, click Edit layout to edit the layout of your section. You can freely set up different types of layouts by adding new rows and columns into the section.

Click Add row to add a new row into the section.

To customize the columns, click on the Column icon. Here, you can select column layout, and use the slider to adjust the spacing between each column.

Click Save once finished.
Was this article helpful?
Thank you!