Backgrounds

Site Builder is no longer sold by Vista. This article is only relevant if you purchased a website from Vista before January 31, 2022.
If you're interested in purchasing a website, you can learn more at Vista x Wix.

You can change the background of a single block or your entire website. 

Block Backgrounds

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.

Colour

Click Colour to set the block colour. Available colours are based on your theme default plus an additional custom colour.

background_blockcolor.jpg

Click here for more on colour sets and custom colours.

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.

 

Image

Choose Image to set the block background image.

background_block.jpg

Change 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.

Crop Image

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.

Image Style

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)

Parallax Scrolling

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. 

 


Site 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.

themebackground.jpg

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...

 

BackgroundsFollow

Site Builder is no longer sold by Vista. This article is only relevant if you purchased a website from Vista before January 31, 2022.
If you're interested in purchasing a website, you can learn more at Vista x Wix.

You can change the background of a single block or your entire website. 

Block Backgrounds

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.

Colour

Click Colour to set the block colour. Available colours are based on your theme default plus an additional custom colour.

background_blockcolor.jpg

Click here for more on colour sets and custom colours.

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.

 

Image

Choose Image to set the block background image.

background_block.jpg

Change 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.

Crop Image

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.

Image Style

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)

Parallax Scrolling

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. 

 


Site 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.

themebackground.jpg

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...

 

Want to contact us?
phone
1.866.614.8002
Sun. 8:00 AM-8:00 PM Mon. - Fri. 7:00 AM-3:00 AM Sat. 8:00 AM-8:00 PM
chat
Live Chat
Talk with a specialist
email
Send email
We'll answer you within one working day