Layout: Banner Image Overlap

Full width layout with a background image on the right, and space for content on the left.


Category: Sections - Waterlogic Heros.
Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html


banner-image-overlap.png

The content section allows you to select any field to put within the header. Recommended to use headers, rich text and buttons.

Layout Options

Background Image Desktop: The image to use to the right of content on desktop, default to overlap container, this should be a png image or similar for transparency.

Background Colour: The colour of the background for this layout. Default Light Grey.

Settings are available by clicking on the layout settings in the top right of the layout.

Settings

Padding Top: Padding top for the layout. Default to 45px.

Padding Bottom: Padding bottom for the layout. Default to 45px.

Margin Top: Margin top for the layout. Default to 60px.

Margin Bottom: Margin bottom for the layout. Default to 0px.