To style the background for the entire website or a particular block, click the “+” button next to “Background” in the right-side panel.
If you wish to remove the background, click the “-” button next to “Background” in the same panel.
When customizing your background, you can choose from three options: Overlay, Color, and Image.
Color
Use a solid color as the background:
Pick a color: Select from the color picker, which includes a list of your recently used colors.
Adjust opacity: Modify the background’s transparency to suit your design.
Apply saved color styles: Apply a saved style from your library for quick and easy consistency.
Image
Set an image as the background:
Select media: Choose an image from the asset manager to use as your background.
Use "Cover": Expand the image to fill the full width and height of the container.
Enable Parallax: Add a parallax effect to create a dynamic scrolling experience.
Overlay
Add an overlay to your background for an extra tint:
Choose a color: Use the color picker, which also includes your recently used colors.
Adjust opacity: Fine-tune the transparency of your overlay to achieve the desired effect.
Apply saved color styles: Quickly apply previously saved color styles for consistent design.