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

Background gradient

• Gradient picker - Create and add a gradient as a background

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

Background color

• Color picker - Set the background color of the element

For details of each property, see Background color properties.

Background properties