Skip to content

Section

Overview

Sections are intended to be used as rows within your email. They will be used to structure the layout.

❗️ The Border Radius and Inner Border Radius parameters will only apply to background colours because of Outlook compatibility. If you’d like to add a selector to override this, add the following

.c-rounded table,
.c-rounded table > tr > td,
.c-rounded table > tbody > tr > td
{ border-collapse:separate; }

as a Custom CSS Style block and then in your column under Styling/Custom CSS Classes add c-rounded. This will then apply it to your borders but might give unexpected behavior in Outlook.

email borders


Parameters

ParameterParameterValid BlocksRequired
Children Children component Section Component Block Group No
Style Sets Optional list of Email Style blocks to apply to this block Text Block Group No
Custom CSS Classes Optional space-separated list of CSS classes to be applied to the element. Intended for use with EmailCSS blocks. Text Block Group No
Text Alignment How text should be aligned inside the element. Text Block Group No
Background Colour The colour of the background of this block. Colour Block Group No
Background Position The position of the background image in its container. Text Block Group No
Background Size The size of the background image in its container. Text Block Group No
Background Repeat How the background image should repeat (or not) across its container. Text Block Group No
Background URI The absolute URI of the background image for the block. Text Block Group No
Padding The padding around the element. Text Block Group No
Padding Bottom The padding below the element. Unit Value Block Group No
Padding Left The padding to the left of the element. Unit Value Block Group No
Padding Right The padding to the right of the element. Unit Value Block Group No
Padding Top The padding above the element. Unit Value Block Group No
Border The border around the element. Text Block Group No
Border Top The border across the top of the element. Text Block Group No
Border Right The border down the right of the element. Text Block Group No
Border Bottom The border across the bottom of the element. Text Block Group No
Border Left The border down the left of the element. Text Block Group No
Border Radius Applies to background only. To override this see documentation. Text Block Group No
Direction Whether the text direction is left-to-right or right-to-left. Text Block Group No
Full Width If true, make this block fill the full width of its container Boolean Block Group No