Customize Page Settings in Guides and Landing Pages Background

You can customize the background color or add an image as a background for your Landing Page or Pages in a Guide. 

Check out some inspiration here.

Who can create and customize content in guide and landing pages?

How to Customize Background

1. Navigate to Landing Pages or Guide > Pages.
2. Open the Section tab in the right sidebar and go to the Background section to set up a background image, color, or overlay for the section. 
3. Open the Background dropdown and choose between Solid Color and Image.

   

Select Solid Color to Set a Solid Background Color for the Section

1. Open the Background color dropdown and pick one of the available brand colors.
   •  Learn more about brand colors here.
2. (Optional) Open the Overlay dropdown to select a color that will overlay the background image or color of the section. 
   • Tip 💡Combine an overlay color with images. For example, create an SVG file of your logo with no background color. The overlay color will blend nicely with your logo based on the transparency of the selected color.
3. (Optional) Use the Overlay opacity slider to set the transparency level of the overlay image. A value of 0 will not show the overlay image at all, whereas a value of 100 will fully overlay the background image.

Select Image as Background 

1. Select Image to add a background image to the section.
2. Click Select to add an image from the DAM, or click Upload to upload an image from your device.
3. Choose the desired column layout in the Layout section
4. Set the size of the section in the Size section. Choose one of the available sizes or enter a custom width and height between 800 and 3840 pixels in the W and H boxes.
   • Recommended image height: 200px
5. Set the section's padding. Choose one of the available sizes or enter custom values in the H and V boxes, ranging between 1 and 100 pixels.

   

6. Set the alignment and spacing of the section in the Section settings.