Skip to main content

Landing Page - Colors and images

Change the background color of your landing page, change the color of a row/column or add a background picture.​

It is very easy to customize a landing page. Let's focus on the colors. If you need to adjust the landing page to your company branding, or if you'd like to make it more visually appealing, here's what you can do:

Change background color and text color​

If you'd like to change the background color, click on body.

Here, you can change the background and text colors. Click on 'text color' to choose the color of the text, and on 'background color' to choose the background color. You can also add a HEX or RGB code.

This how your landing page would look with a pink background and black text.

Please, note that rows and columns can have different colors. You can change them by using the row and columns settings. This will help you highlight certain parts of our lading page.

Change the color of a row​

  1. Click outside the content area so the rows and columns menu will show:

  1. Go to 'row properties'. From here you can choose  the background color and the content background color of a row. You can also add a HEX or RGB code.

This is how the row we selected would look with a red background color:

 3. If you  want to change the content background color, click on content 'background color':

Change the color of a column​

  1. Click right outside the content area as explained previously so the menu will open again.

  1. Go to 'column properties' and click on 'background color'. You can use a HEX or RGB code.

Adding an image to your Landing Page (Images)​

From 'Images' you can add an image to your landing page. Just drag and drop the image onto the content block.

(Please note that when using this feature the image won't be showing in the background)

Adding a background Image (rows)​

You can easily add a background image to a row.

  1. Go to 'row properties'> 'background image'. From here you can:
    1. Upload an image
    2. Drag and drop an image to the dotted area
    3. Copy paste the image URL

Please note the image can be adjusted in 'Image Options'