Block Variations

Individualize your block content with the 10 available variations
Learn More

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

No Variation

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