What is a section?
A section is a box used to organize and divide the layout within a page. The <section> tag is applied by default, so there's no need to set the HTML tag yourself.
When building out your page structure, it's most efficient to start by adding a section, then place content like images and text boxes inside it.
Types of sections you can add
There are two types of sections you can add in Studio.Design:
(A) Section parts: Pre-built sections with ready-made designs and content layouts. Responsive settings are already configured, so you can use them as-is.
(B) Empty sections (boxes): Blank sections that you can lay out however you like.
If you're building a page for the first time, we recommend starting with section parts.
(A) Adding a section part
Open the [Add] panel
from the navigation on the left side of the screen.Click the [Section] tab in the Add panel.
Choose the category of section part you want to place, then click [Show all].
Click the part you want to place, or drag it onto the screen.
Edit the images, text, links, and colors.
Note: Editing the size of boxes inside a section part may break the responsive settings that were originally configured.
Tips: Common questions about placed section parts
For questions about editing section parts, see the help articles below.
When I change an image, text, or link, other boxes change too:
This happens because the box you're editing is part of a list. If the border turns light blue when you click a box, that box is part of a list.
Take a look at how lists work and follow the steps for editing them.I want to use the header on other pages too:
Turn the header into a component and place it on the other pages.
(B) Adding an empty section
Open the [Add] panel
from the navigation on the left side of the screen.Click the [Basic] tab in the Add panel.
Click the [Section] part, or drag it onto the screen.
Tips: Setting the section width
The width of a section becomes the maximum width for the content placed inside it. By setting the maximum width using px units, you can prevent layout issues on larger displays.
section