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 background color
Row content color
Row background image
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.
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.
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 email@example.com