Block 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 module parameters, 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
Crikey! There was an error...
Whoops \ Exception \ ErrorException (E_CORE_WARNING)
Module 'pdo_pgsql' already loaded Whoops\Exception\ErrorException thrown with message "Module 'pdo_pgsql' already loaded" Stacktrace: #0 Whoops\Exception\ErrorException in Unknown:0
Stack frames (1):
0 Whoops\Exception\ErrorException
Unknown0
Open: Unknown

Environment & details:

empty
empty
empty
empty
Key Value
joomla TzoyNDoiSm9vbWxhXFJlZ2lzdHJ5XFJlZ2lzdHJ5IjoyOntzOjc6IgAqAGRhdGEiO086ODoic3RkQ2xhc3MiOjE6e3M6OToiX19kZWZhdWx0IjtPOjg6InN0ZENsYXNzIjo0OntzOjc6InNlc3Npb24iO086ODoic3RkQ2xhc3MiOjM6e3M6NzoiY291bnRlciI7aToxO3M6NToidGltZXIiO086ODoic3RkQ2xhc3MiOjM6e3M6NToic3RhcnQiO2k6MTU2MzcxNDQzNztzOjQ6Imxhc3QiO2k6MTU2MzcxNDQzNztzOjM6Im5vdyI7aToxNTYzNzE0NDM3O31zOjU6InRva2VuIjtzOjMyOiJhd0NERDFza05CaGxyd2JBSlMwdVk1bTVCVjZVUVRrSyI7fXM6ODoicmVnaXN0cnkiO086MjQ6Ikpvb21sYVxSZWdpc3RyeVxSZWdpc3RyeSI6Mjp7czo3OiIAKgBkYXRhIjtPOjg6InN0ZENsYXNzIjowOnt9czo5OiJzZXBhcmF0b3IiO3M6MToiLiI7fXM6NDoidXNlciI7Tzo1OiJKVXNlciI6MTp7czoyOiJpZCI7aTowO31zOjE0OiJjb21fcnNmaXJld2FsbCI7Tzo4OiJzdGRDbGFzcyI6MTp7czo1OiJnZW9pcCI7czoyOiJVUyI7fX19czo5OiJzZXBhcmF0b3IiO3M6MToiLiI7fQ==
Key Value
USER sitio40
HOME /home/sitio40
FCGI_ROLE RESPONDER
UNIQUE_ID XTRjhcA@RLkpJEWyKYVVHAAAACk
SCRIPT_URL /site/index.php/features/block-variations
SCRIPT_URI http://www.wfue.org/site/index.php/features/block-variations
HTTP_AUTHORIZATION
proxy-nokeepalive 1
HTTP_USER_AGENT CCBot/2.0 (https://commoncrawl.org/faq/)
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
HTTP_ACCEPT_LANGUAGE en-US,en;q=0.5
HTTP_IF_MODIFIED_SINCE Sun, 26 May 2019 07:32:43 GMT
HTTP_HOST www.wfue.org
HTTP_CONNECTION Keep-Alive
PATH /usr/local/jdk/bin:/usr/kerberos/sbin:/usr/kerberos/bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/usr/X11R6/bin:/usr/local/bin:/usr/X11R6/bin:/root/bin:/opt/bin
SERVER_SIGNATURE
SERVER_SOFTWARE Apache
SERVER_NAME www.wfue.org
SERVER_ADDR 64.15.147.102
SERVER_PORT 80
REMOTE_ADDR 54.172.234.236
DOCUMENT_ROOT /home/sitio40/public_html
REQUEST_SCHEME http
CONTEXT_PREFIX
CONTEXT_DOCUMENT_ROOT /home/sitio40/public_html
SERVER_ADMIN webmaster@wfue.org
SCRIPT_FILENAME /home/sitio40/public_html/site/index.php
REMOTE_PORT 53664
GATEWAY_INTERFACE CGI/1.1
SERVER_PROTOCOL HTTP/1.1
REQUEST_METHOD GET
QUERY_STRING
REQUEST_URI /site/index.php/features/block-variations
SCRIPT_NAME /site/index.php
PATH_INFO /features/block-variations
PATH_TRANSLATED /home/sitio40/public_html/features/block-variations
PHP_SELF /site/index.php/features/block-variations
REQUEST_TIME_FLOAT 1563714437.2441
REQUEST_TIME 1563714437
argv Array ( )
argc 0
empty
0. Whoops\Handler\PrettyPageHandler