Adding a Background Image

Instructions on how to add a background image to your email and landing page using Knak's advanced email editor.

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

Knak allows you to place a background image behind other bits of content such as text and buttons. That way you can edit the content in front of the image. 

Traditionally some marketers have refrained from using background images due to lack of support in some email clients. With Knak's updated email editor you can rest assured your background images will work everywhere!

Take a look at the screenshot below, this section is using a row background image with a text box and button over the top.

To set this up, select the row in which you want to add the background image. On the right you will see the Section Attributes. Select an image to use from your Knak image library or paste in an external URL.

With Landing pages, you can add a background image to the entire page. Go to settings and upload or a link to the image URL.

Knak gives you several options for how the background will can be displayed:

The background image is displayed in its original size unless it exceeds the size of it’s container when it will be 100% width

Resizes the background image to cover the entire container, even if it has to stretch the image or cut off some of the image

Resizes the background image to make sure the image it's fully visible. This setting will shrink the image height if the height of the container is smaller than the image

Stretches the image across the whole content box. Not recommend unless you're trying to create a stretched affect

Repeat background
Image will be repeated until it fills the row dimensions. Good for creating a pattern using a small, repeatable image.

Full Width
The image will span the full width of the email, not just the content area.


An background image's alignment can be changed vertically (top, middle and bottom) and horizontally (left, center, right). This can be found in any given section attributes.

We recommend playing around with the settings to ensure your image displays as desired.

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?