Skip to main content
All CollectionsUsing KnakBuilding Emails and Landing Pages
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.

Updated over 3 weeks 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

First let's take a look at a simple email design with one row and two columns

Two column section, column one (on left) has a button that says "Learn more here" and column two (on right) has a Knak image logo.

  1. Click on either of the content objects (button or image) to see and adjust content editing options on the right of the screen for that object. For example, if you click on the "button" content object you will see the button attributes as shown in the screenshot below:

  2. If you click to the outside 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.

  3. You can also set properties for individual columns with the row by expanding the "Column Attributes" and selecting which column you would like to edit:

Section Attributes:

Below are the available row editing options to edit row properties:

  1. The "Background" drop down options to adjust section color, background color, inner Content Color, or even add a background image for your section:

  2. The "Padding" section to adjust the padding at the section level:

  3. You have two options to place borders at the section level, you can have an inner (black border) and outer (blue) border for a row. The borders are fully customizable by color, thickness, style (Solid, Dotted, Dashed) and which sides. You can also adjust section corners to get a rounded appearance. Select More Options to choose which sides you want a border on if you do not want them on all sides.


​Column Attributes

Similar to the process above, you can customize your sections further by adjusting your column properties. Adjust the following to your desired outcome:

  1. Set individual column background colors

  2. Change column vertical alignments

  3. Add column corners

  4. Add column borders

  5. Add more column padding

In the screenshot below the left column (column 1) has a black background, centered vertical alignment, column corners to make the column rounded, and 10 pixels of padding all around:

Responsive options

Responsive options allows you to have different values set for those viewing on mobile devices compared to those viewing on a desktop device.

For each row you can:

  1. Hide the section on mobile or desktop

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

  3. Choose the order of stacking automatically your columns will stack from left to right, but you can switch to right to left by choosing "Reverse column order on Mobile"

How to add/remove/clone columns

To delete a column from the column attributes section, click the three buttons beside the column you want to delete and press the "delete" button. To add a column from this level, press the "add a column" button below the list of current columns for that section:


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

Did this answer your question?