EDITOR
You can set custom background colors and images for sections and containers in the Content Designer. In addition, you can apply color overlays to mute background images and control contrast. This helps you highlight content, improve contrast, and align page designs with your brand guidelines.
Only branded colors defined in App and Intranet settings are available. If you need additional colors, ask your administrator to add them in the App and Intranet settings.
- In the Studio, navigate to Content > Pages > the page you want to edit.
- Select the section or container you want to update.
The contextual toolbar opens. - Under Design, select one of the following options:
- Select the Background Color option.
- Select a color from the branded color dropdown.
You have added a background color for your section or container.
- Select the Background Image option.
- Click Add Image.
The My Files dialog opens. - Select or upload an image.
- Click Add.
- Optionally, click the pencil icon to further adjust the image.
The Edit image dialog opens with two tabs:- Crop: Adjust the image's crop and aspect ratio by dragging the corners or sides, or by using the slider under the image to zoom in or out. Click the reset icon next to the slider to restore the image to its original size.
- Focal Point: Drag the circular marker to set the area of the image that stays in view when it's resized for different screens.
- Optionally, adjust the Overlay toggle to enable an overlay.
- Under Overlay, choose a color from the Brand Color dropdown.
- Under Set Opacity, adjust the slider or enter a numeric value.
You have configured the background image for your section or container.
Comments
0 comments
Please sign in to leave a comment.