Application Launcher

Docs

Site Studio

Background properties

Site Studio

Background properties

You're viewing version 6.0 of this page. .

Background properties allow you to apply background colors, images and gradients to an element.

Adding background properties to a style

To add background properties to a style:

Navigate to the Style builder. This is available when you edit Base styles or Custom styles. For more, see Using the style builder
Within the Style editor area, click on the Properties button
Then select Background > (Select a Background sub-group) in the menu

The Background properties include the following groups of fields:

Background image

Image upload - Opens the file browser for uploading and selecting an image
Size - Set how the background image size should be applied
Repeat - Set the background to repeat and in which direction
Attachment - Set the background to scroll with the page or be fixed to the viewport

You're viewing version 6.0 of this page. .

Background properties allow you to apply background colors, images and gradients to an element.

Adding background properties to a style

To add background properties to a style:

Navigate to the Style builder. This is available when you edit Base styles or Custom styles. For more, see Using the style builder
Within the Style editor area, click on the Properties button
Then select Background > (Select a Background sub-group) in the menu

The Background properties include the following groups of fields:

Background image

Image upload - Opens the file browser for uploading and selecting an image
Size - Set how the background image size should be applied
Repeat - Set the background to repeat and in which direction
Attachment - Set the background to scroll with the page or be fixed to the viewport

You're viewing version 6.0 of this page. .

Background properties allow you to apply background colors, images and gradients to an element.

Adding background properties to a style

To add background properties to a style:

Navigate to the Style builder. This is available when you edit Base styles or Custom styles. For more, see Using the style builder
Within the Style editor area, click on the Properties button
Then select Background > (Select a Background sub-group) in the menu

The Background properties include the following groups of fields:

Background image

Image upload - Opens the file browser for uploading and selecting an image
Size - Set how the background image size should be applied
Repeat - Set the background to repeat and in which direction
Attachment - Set the background to scroll with the page or be fixed to the viewport
Set the horizontal position

X offset - Set the horizontal offset of the image

Y position - Set the vertical position of the image

Y offset - Set the vertical offset of the image

For details of each property, see Background image and gradient properties.

Gradient picker - Create and add a gradient as a background

For details of each property, see Background image and gradient properties.

Color picker - Set the background color of the element

For details of each property, see Background color properties.

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

X position - Set the horizontal position

X offset - Set the horizontal offset of the image

Y position - Set the vertical position of the image

Y offset - Set the vertical offset of the image

For details of each property, see Background image and gradient properties.

Gradient picker - Create and add a gradient as a background

For details of each property, see Background image and gradient properties.

Color picker - Set the background color of the element

For details of each property, see Background color properties.

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Adding background properties to a style

Background image

Adding background properties to a style

Background image

Adding background properties to a style

Background image

Background gradient

Background color

Did not find what you were looking for?

Background gradient

Background color

Did not find what you were looking for?