Section Settings

Sections are the basic building units of pages in Content Builder. Each Section has its own independent settings.

Please watch the video below for detailed usage instructions.

Move Section

Move the position of the current Section:

Button	Description
↑	Move up one position
↓	Move down one position
⇤	Move to the very top
⇥	Move to the very bottom

Height

Set Section height:

Option	Description
Auto	Automatically fits the content height
20% / 30% / 40%	Percentage of viewport height
50% / 60% / 75% / 100%	Percentage of viewport height

Scroll Icon

Add a scroll indicator icon to the Section. You can choose between Light or Dark style.

Content Position

Set the vertical alignment of content within the Section:

Option	Description
Default	Default
Top	Top-aligned
Middle	Vertically centered
Bottom	Bottom-aligned

Content Alignment

Set the horizontal distribution of content within the Section:

Option	Description
Default	Default
justify-content-start	Left-aligned
justify-content-center	Horizontally centered
justify-content-end	Right-aligned
justify-content-around	Evenly distributed
justify-content-between	Space between

Spacing

Control Section spacing:

Option	Description
No top spacing	Remove top spacing
No bottom spacing	Remove bottom spacing
No left/right spacing	Remove left and right spacing

Hide Section

Hide Section by screen size:

Option	Description
Large Desktop (>=1200px)	Hide on large desktop devices
Desktop (991px ~ 1199px)	Hide on desktop devices
Tablet (768px ~ 991px)	Hide on tablet devices
Mobile (<=767px)	Hide on mobile devices

Section ID

Set a custom ID for the Section, which can be used for anchor links or CSS targeting.

Section Title

Set a title for the Section for easy identification in page navigation.