Info
Content

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

Call-out-banner-layout.png

Call-out-banner-layout-example.png

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
 

Template: Call out banner

Back to top