Layout: Gradient image

Single column layout with a background image and a dark gradient overlay


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


Gradient-image-layout.png

Additional settings are available by hovering over the field and clicking the cog in the top right

Gradient-image-layout-settings.png

 

Options

Option Description Default
Desktop image Background Image to use for desktop  
Mobile image Background Image to use for mobile  

Settings

Setting Description Default
Text colour Colour of text White
Align text Align content (Can be overridden on RTE) Centre
Data-UID A unique ID of the container for skip to links   
Size of section Adjust the height of the background image: Small | Medium | large Small
Margin top Add margin to the top of the container for vertical alignment adjust  
Margin bottom Add margin to the bottom of the container for vertical alignment adjust   
Bootstrap Column  Adjust the size of the column using bootstrap classes col-lg-8 offset-lg-2

 

 


Revision #2
Created Mon, Nov 2, 2020 2:25 PM by Nathanael McMillan
Updated Mon, Nov 2, 2020 2:30 PM by Nathanael McMillan