All Collections
Building Emails & Landing Pages
Rows and Columns
How do I change the properties of a row or column?
How do I change the properties of a row or column?

Instructions on how to change the properties of a given row or column.

Felix Higgs avatar
Written by Felix Higgs
Updated over a week ago

Knak emails are built by dragging rows into your message and populating the rows with content objects like buttons, images and text boxes.
Each row has customizable settings that control the row look & layout.

How to adjust row properties.

Let's take a look at a simple email design with one row and two columns.

If you click on either of the content objects (button or social media icons) you can see content editing options on the right of the screen for that object.

If you click to the right of all content objects you will bring up the 'Section attributes'
Here you can set row properties such as background colors, background images and row padding.
You can also set properties for individual columns with the row.

Below are the available row editing options.

Row Properties

Row background color

Row content color

Row background image

Row padding

Row borders

You can have an inner (blue border) and outer (black) border for a row. The borders are fully customizable by color, thickness, style (Solid, Dotted, Dashed) and which sides.

To add or edit these borders, click on the outer side of the section and find the Inner Border and Border sections on the right. More Options allows you to choose which sides you want a border on if you do not want them on all sides.

โ€‹Column Properties

Set column background color, column border and individual column padding. In the screenshot below the left column (column 1) has a blue background, red border and 20px top padding.

Set the corner radius of each column to make them as round as you want.

This particular column has a corner radius of 100 px with a red background.

You can also change the alignment of contents in your column to be aligned to the top, middle or bottom to allow for more granular control. This feature is found within the column under the title 'Vertical Align'

Responsive options

For each row you can:

  • Hide the row on mobile or desktop

  • If it's a multi-column row choose if the columns will stack or not

  • Choose the order of stacking (left to right is standard, you can switch to right to left)

You can add and remove columns to any row. To delete a column from a row, click on the outside of a section on a row and click on the 'trash can' icon on the particular column you want removed.

If you want to add a column to a row, simply click +ADD COLUMN TO END and a column will be added. To move the column, click on the particular column and select the icon with the four arrows and drag it to the appropriate column.

Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email

Did this answer your question?