You are now in the main content area
Background Image
This component is used to display a large format image. This component can also display optional text.
Found in Side Panel > Components > Background Image. Can also be added as a Homepage Feature by going to a Homepage's Page Properties > Homepage Feature.
Required content:
- Image: Minimum 2000 pixels, max size: 1 MB
- Heading text: 100 character limit
- Overlay text: 100 character limit
- Optional buttons: 25 character limit
- Optional: Micro animation

How to use
- In an open page, select the "Side Panel" button in the top left corner
- Select the Components button on the left
- Drag and drop the Background Image component onto the page
- Double click component to edit
- Select the Assets button on the left (above Components)
- Drag an image from assets on the left and drop it into the component
- Select your style under the “Display as” tab:
- Style 1: Dark overlay + white text
- Style 2: White box + black text
- Style 3: Semi-transparent white box + black text
- Go back to Properties tab and fill in any of the following optional fields:
- alternative text
- Image alignment on mobile devices
- Overlay text - heading
- Heading text format (H2-H6)
- Large font size (available with Style 1)
- Overlay text - body
- Horizontal and vertical alignment options
- Component height
- Animation
- Optional button(s)
- Select the check mark when complete