Background Settings Overview

The Background settings allow you to customize the appearance of supported blocks using images, colors, and gradients.

You can use these settings to create more visually engaging content and draw attention to important information.

This article focuses on background images and explains how to add, replace, remove, and customize a background image.

Background settings can be configured for the entire site or for individual blocks. Site-wide background settings affect the appearance of the entire site.

1. Go to Appearance → Editor.
2. Select Styles.

3. Select Background.

4. Select the block you want to modify.

5. Open the block settings sidebar by clicking the Settings icon next to the Publish or Save button.
6. Find the Background section.
7. or, in some blocks (for example, the Latest Posts block), the Background section is located in the Styles tab, represented by a black-and-white circle.

Background settings of Row block

Background settings of Latest Posts block

In the Background section, click the three-dot menu to view all available background settings that are not displayed by default. Note that not every block supports all background settings.

All background settings and Reset all

If you make changes and want to return to the original settings, click the minus icon that appears when you hover over a setting.

Alternatively, click the three-dot menu and select Reset all. This resets the settings and removes all your changes.

To add a background image:

1. Click Image in the Background section.
2. Choose an image from the Media Library or upload a new image.

Once selected, the image appears behind the block content.

To replace an existing background image:

1. Click Image in the Background section.
2. Click the current image name.
3. Choose a different image from the Media Library or upload a new one.

To remove a background image:

1. Hover over the image in the Background section.
2. Click the minus icon that appears.

Background image settings

Use Focal Point to specify which part of an image remains visible when the image is cropped.

Enable Fixed Background to keep the image fixed while the page scrolls.

The Size setting controls how the image is displayed.

The image is resized to cover the entire block area.

The image is resized so the entire image remains visible.

The image repeats to fill the available space.

When you select Tile, you can specify the image size and whether the image repeats.

For information about Color and Gradient settings, see the Colors Settings Overview article.

• Created 2026-09-06

Was this article helpful? How could it be improved? Cancel reply

Log in to submit feedback. If you need support with something that wasn't covered by this article, please post your question in the support forums.

First published

September 6, 2026

Last updated