Layout: Call out banner layout

A call to action banner that grabs user attention with uniquely cropped SVG and image design

Category: Waterlogic Call to action banners.Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html

Layout options

Margin top

Space between the top of the layout and the bottom of the layout above

Margin bottom

Space between the bottom of the layout and the top of the layout below

Padding top

Space between the top of the section and the inside component. Unset by default, if you apply a Section background colour it will add 60px padding-top

Padding bottom

Space between the bottom of the section and the inside component. Unset by default, if you apply a Section background colour it will add 60px padding-bottom

SVG colour

Colour of the SVG mask

Image

Background image of the component

Aside text colour

Colour of aside text that resides in the SVG

Section background colour:

Change the background colour of the banner, by default it is transparent

Data-UID

A unique ID of the container for skip to links

Related pages

Template: Call out banner