Skip to main content
The Background section lets you control how elements look behind their content. You can apply colors, images, or gradients depending on the type of element. You’ll find these settings in the right-side panel when selecting an element.

Where to Find It

  1. Select an element (section, container, button, etc.)
  2. Go to the right panel
  3. Open the Background section
Background

Background Types

Different elements support different background options.

None (X)

  • Removes any background
  • The element becomes transparent
Image

Color

  • Apply a solid color
  • You can use:
    • Color picker
    • RGB values
👉 Most commonly used for buttons, sections, and containers
Image

Image

  • Set an image as the background
  • Available mainly for larger elements like sections or containers
Options include:
  • Upload or change image
  • Adjust size (fit, cover, etc.)
👉 Not available on smaller elements like buttons
Image

Gradient

  • Create a smooth transition between colors
Options include:
  • Linear or Radial style
  • Angle control
  • Multiple color stops
👉 Great for modern UI and visual depth
Image