Rows and columns control the structure of your email design. You add rows to your email. Then place content objects inside each column. Examples include buttons, images, and text blocks. Each row and column has settings that control spacing, colors, alignment, and responsive behavior.
Adjust Section (Row) Attributes
Use Section Attributes to change the appearance of a row.
Steps
Open the Layer Browser panel.
Locate and click the section you want to adjust.
The row becomes selected in the canvas.
The Section Attributes panel appears on the right.
You can now edit the row settings.
Background Settings
Use the Background dropdown to control the visual style of the row.
You can:
Set a section background color
Set an inner content background color
Add a background image
Padding
Padding controls the spacing inside the row.
Increase padding to add space between the row edges and the content.
Borders And Corners
Add borders to visually separate sections.
You can customize:
Border color
Border thickness
Border style (solid, dotted, dashed)
Border placement (top, bottom, left, right)
Rounded corners
Select More Options to choose which sides display a border. You can also set separate values for mobile or desktop viewers.
Accessibility Options
Use Accessibility Options at the section level to define the section’s semantic role.
This helps screen readers better understand the structure of your email.
Available Options:
Header
Body
Footer
None
Responsive Options
Responsive settings control how rows appear on mobile devices.
You can:
Hide the row on mobile or desktop
Choose whether columns stack on mobile
Reverse the column stacking order on mobile
For sections with multiple columns, columns stack left to right. Toggle on Reverse Column Order on Mobile to display columns in the opposite order on mobile devices while keeping the original column order on desktop.
Adjust Column Properties
Each column inside a row can have separate styling.
Open Column Attributes to customize an individual column.
Column Options
You can:
Set column background colors
Change vertical alignment
Add rounded corners
Add column borders
Adjust column padding
Manage Columns
You can add, delete, or clone columns from the Column Attributes panel.
Steps
Select the row or section in the canvas or from the Layer Browser.
Open Section Attributes in the right panel.
Expand Column Attributes.
Locate the column you want to manage.
Click the three-dot menu beside the column.
From this menu you can:
Add a column to the section
Clone a column to duplicate its layout and settings
Delete a column you no longer need
Make Columns Equal Height
Equal height columns ensure consistent alignment across a section.
Steps
Click the section containing the columns.
Open the Columns dropdown.
Select Equal Height to match column heights.
Select Fit Content to allow columns to hug their content.
Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com