Resources to help you edit your site's background.

Whether you prefer an image, a video, or a solid color, you have many options to choose from when styling your site’s background. This guide provides examples of some of these options, and the resources you need to edit your site’s background.

Background solid color

To change the background color ‌of individual sections on your site, you can use the section editor. You can customize your color choices even more by editing your color palette in the Site styles panel.

To learn more about changing the color of your section background, visit Making style changes.

Background images

Adding background images is a great way to create page banners or add striking visual elements to your site. You can customize these images with a variety of image effects.

Here's an example of a section background image with the Refracted Circles effect:

To learn more about using images in the background of your site, visit Section background images.

Background art

Adding unique background art to your page sections using colors, patterns, and shapes is another way to customize your site. You can use a preset pattern or customize it by setting specific shapes, sizes, and motions.

Here's an example of section background art with the Isometric effect:

To learn more about adding background art, visit Section background art.

Background videos

Add background videos to your pages to add more dimension and dynamic content. These videos play on a loop and are silent. For a custom look and feel, you can also apply stylized filters and overlay colors.

To learn more, visit Adding background videos.

Styling 7.0 section backgrounds

On some version 7.0 sites, you can add background images or videos to display behind your site content. To determine your site’s template, visit What’s my site’s version and template?

To learn more about section background options for your 7.0 template, click your template below:

• Five
• Native
• Supply
• Forte
• Wells
• Flatiron
• Momentum
• Tremont
• Avenue
• Galapagos
• Skye
• Bedford
• Ishimoto
• York
• Marquee
• Pacific
• Wexley
• Farro
• Brine
• Adirondack
• Aviator
• Montauk

To learn more about adding videos and images to 7.0 templates, visit the following guides:

• Add a background video - watch a video
• Add site-wide background images in 7.0