You can change the background of a single block or your entire website.
Hover on your block and click Edit Block Background from the toolbar. This gives you the option to use colour, an image or the default site colour as the background for the selected block.
Click Colour to set the block colour. Available colours are based on your theme default plus an additional custom colour.
If you want your block background to be a solid colour, set the transparency slider to 0% (far left). To make the block completely transparent, set it to 100% (far right).
Making your block completely transparent will show the background applied overall to your site.
Choose Image to set the block background image.
To select or switch to a different image, click Change Image to launch the image editor. You can choose from stock images and previously uploaded images, or upload a new image file.
To crop the selected image click Crop Image.
Here, you can resize, rotate or flip your image horizontally. Click the tick symbol to commit to your changes, or click the 'x' to start again.
The Image Style menu allows you to apply any of the following behaviours to your background image:
- Cover (fill block)
- Titled (repeat image)
- Contain (fit image to block with no crop)
Turn on Parallax Scrolling if you want your block text to scroll independently of the background image.
Colour Overlay and Transparency
These settings allow you to add colour to your background image. Available colours are based on your theme default plus an additional custom colour.
Click here for more on colour sets and custom colours.
Use the Transparency slider to adjust the opacity of a selected colour against your image background.
When you select Site Background, your block background defaults to the theme default. To change the theme default, click Edit Your Site Background. Alternatively, you can select Theme Styles > Theme Background from the main menu.
Here, you can set a background colour (theme default or custom), apply a gradient to the selected colour or add a background image. NOTE: Background colours and images will not display if you have chosen a Full Span layout. More...