Skip to main content
All CollectionsEditing & Styling
Customizing Backgrounds
Customizing Backgrounds

Learn how to style your website's background using overlays, colors, and images. Easily enhance your design with these options.

J
Written by Joshua Lynch
Updated over 6 months ago

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.

Did this answer your question?