Layout: Hyperlink block

A layout with 3 columns which produces 3 shadow boxes on the front end

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

Layout options

Setting

Description

Default

Bootstrap Column 1

Adjust the size of the column using bootstrap classes

col-lg-4

Bootstrap Column 2

Adjust the size of the column using bootstrap classes

col-lg-4

Bootstrap Column 3

Adjust the size of the column using bootstrap classes

col-lg-4

Data-UID

A unique ID of the container for skip to links

Show full width?

Element stretches full width of the page

No

Show Gutters?

Show Bootstrap gutters

Yes

Vertical Align?

Vertically align the columns

No

Text colour

Font colour

White

Background Colour

Section background colour

Transparent

Block background

Background colour if each individual block

None

Padding top

Section padding-top - Use if you have background colour set

Padding bottom

Section padding-bottom - Use if you have background colour set

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

60px

Section classes

Add additional classes to the section

Additional container classes

Add additional classes to the container

Justify content

Justify the columns horizontally on the page

Usage

We recommend that this layout is used with the following fields:

Richtext

Hyperlink repeater

Spacer

With 30px margin-bottom

Hyperlink

With link colour dark grey

Related pages

Template: Hyperlink Blocks