Skip to main content

Add a Background Image

How to add a background image to a section

Updated yesterday

🖼️ Add a Background Image

You can easily add a background image to any section on your website. The images automatically adjust to the screen size, ensuring they look great whether the visitor is using a mobile, tablet, or desktop.

💡 Tip: Avoid using images with text in the background, as the text may be cropped or distorted depending on the device's screen size.


🛠️ How to Add a Background Image:

1. Open the “Customize” Settings

  • Hover over the section where you want to add the background image.

  • Click on “Customize Section” on the left when the button appears.

Screenshot 2024-07-08 at 22.00.35.png

2. Choose Image Options

  • Click on the image icon (1) and then “Replace Image” (2) in the menu that opens.

Screenshot 2024-07-08 at 22.02.38.png

When you add an image, additional settings that were previously grayed out will become active:

  • Overlay

  • Focal Point

  • Scroll Effects

3. Select Your Image

You can:

  • Upload an image from your computer

  • Choose a recently used image

  • Use an image from our image library (stock images)

Screenshot 2024-07-08 at 22.07.18.png

Your selected image will now be placed as the background in the section.

Screenshot 2024-07-08 at 22.11.36.png

⚙️ Additional Settings in “Customize Section”

Once the background image is in place, you can adjust the following options:

  • Overlay: Add a color layer over the image for better contrast against text.

  • Focal Point: Click on the part of the image you want to focus on.

  • Scroll Effects: Add visual effects when the user scrolls. Test them in preview or on the published page.

Adjust these settings to give your section a unique and professional appearance!

Screenshot 2024-07-08 at 22.17.28.png
Did this answer your question?