The backgrounds panel allows you to add color or media behind content inside of a box. Multiple backgrounds can be layered and sorted within a single box, including the following:

  • Colors
  • Images
  • Gradients
  • Videos

Colors

Colors can be set as a background fill. You can also layer translucent colors on top of images to add overlays.

Images

By default, background images will fill the entire box. You can also tile background patterns and choose where to anchor a background image.

Parallax can also easily be added to background images using the parallax slider.

Gradients

Multiple colors can be selected to create fades and other effects. Click on each color stop handle to select a color. Click anywhere on the gradient slider to add more color stops.

Rotate the gradient direction by dragging the gray triangle around the circle. Clicking the circle will turn the linear gradient into a radial gradient.

Videos

Use videos hosted on the following streaming platforms as backgrounds:

  • YouTube
  • Vimeo
  • Wistia
  • Facebook
  • Dailymotion
  • Twitch

Add a video by copying and pasting the link from your browser’s URL bar from any of the mentioned platforms. No iframes or embeds needed.

Background videos will be set to autoplay, looped, and muted by default.

Did this answer your question?