Skip to main content
All CollectionsWebsiteLanding pages
Using the page builder to add and customize background images

Using the page builder to add and customize background images

Add a background image and choose your row padding and color overlay

Updated over 2 months ago

Are you looking to add some visual interest to your page?

One way to do this is by adding an image behind your content in a section. This can help break up the monotony of a plain background and make your content stand out. In this article, we will walk you through the steps to add an image behind content in our page builder.

Step 1 - Add an image

First, you will need to add the image you want to use behind your content.

Follow these steps:

  1. Go to Settings

  2. Click on Background Image

  3. Choose the image you want to use

Tip: If the image is not in your media gallery, you can upload it when you click on "Background Image."


Step 2 - Adjust the image size

If the image doesn't fit properly behind your content, you may need to make the section bigger.

Follow these steps:

  1. Go to Settings

  2. Click on Padding

  3. Change the numbers for top, right, bottom, and left until the image looks right


Step 3 - Make the content clearer

To make the text easier to read, you can add a color overlay.

Follow these steps:

  1. Go to Settings

  2. Click on Color Overlay

  3. Pick a color and adjust the transparency


Watch this video to see how you can do it

Summary

By following these steps, you can easily add an image behind your content in our page builder. Experiment with different images and color overlays to find the perfect combination for your page!

Did this answer your question?