This page uses javascript to help render elements, if you have problems please enable javascript.
 
Skip to main content
 
 
 
 
 
 
You are now inside the main content area
 
 
 
left col

Info Block Image Galleries

Mason Style

Generally this style is viewed like bricks in a wall.  The reading order is always left to right, row by row; however, you can add additional styles to images which will allow them to grow in the direction you choose.

The mason style has no image size toolbar, images are formatted to fit the layout based on gallery settings.

right col
 
left col

Additional Classes

  • big
  • tall
  • wide

Content editors who create their galleries can now set the layout size for any image to be big, tall, or wide. These styles are added to the CSS section for any image and not on the page where the gallery is displayed.

Big will allow the image to be 2 rows tall and 2 columns wide.  Tall allows the image to cover 2 rows.  Finally wide will allow the image to cover 2 columns.  In mobile or smaller sections images will always appear one atop another.

right col
 
left col

gallery-mason

ajax space
right col