🖼️ 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.
2. Choose Image Options
Click on the image icon (1) and then “Replace Image” (2) in the menu that opens.
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)
Your selected image will now be placed as the background in the section.
⚙️ 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!