Variations
Blocks are self contained structural elements in Gantry 5 that can be particles, positions or spacers. They have several controls, such as sizing, but also allow you to select from a dropdown list of variations, as well as insert your own CSS classes.

Basic Box Variations

Box 1

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 2

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 3

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 4

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 5

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box 6

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More


Color Box Variations

Box Grey

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Pink

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Red

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Purple

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Orange

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Box Blue

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More


Basic Title Variations

Title 1

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title 2

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title 3

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title 4

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title 5

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title 6

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More


Color Title Variations

Title Grey

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title Pink

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title Red

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title Purple

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title Orange

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Title Blue

Lorem ipsum dolor sit amet, consecetur adipiscing elit donec sit amet nibh.

Read More

Additional Effects & Classes

A collection of additional variations for structural and subtle stylistic adjustments. Effects and classes should be applied to the block within the Layout Manager, rather than in the widget settings, to ensure the desired effect is achieved.

Disabled
Add low opacity to a block
Center
Center the block content
Outer Box
Apply background to the whole block
Flush
Remove outer margin/padding
Align Left
Align block content to the left
Align Right
Align block content to the right
No Margin
Remove outer margin
No Padding
Remove outer padding
Square
Add squared corners to a block
Rounded
Add rounded corners to a block
Shadow 1
Add a shadow effect to a block
Shadow 2
Add a shadow effect to a block