Skip to contentBackground properties | Site Studio | Acquia Product DocumentationBackground properties
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
Background properties
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 position -
X offset - Set the horizontal offset of the imageY position - Set the vertical position of the imageY offset - Set the vertical offset of the image
- Gradient picker - Create and add a gradient as a background
- Color picker - Set the background color of the element
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.
- Gradient picker - Create and add a gradient as a background
- Color picker - Set the background color of the element
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.
Site Studio