Block Variations

Written by Author
Published: 01 January 2011

BBlocks 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.

Details
Hits: 16

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 donec sit.

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 donec sit.

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
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 different shadow to a block

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 module parameters, to ensure the desired effect is achieved.



Useful Links

About
Guide
Gantry
Demo
Questions
Cookies

Elsewhere

Facebook
Twitter
Google +
Youtube
Github
Bitbucket

About

All demo content is for sample purposes only, to represent a live site.

Note: Galatea is built on the latest version of the Gantry 5 Framework.