Example header with bolded text for emphasis

And example text - note the spacer block to the left of this text block so that the red background text block in the intro doesn't overlap this text.

Summary Blocks

Below are different types of summary blocks, used to display events, products, blog (news/podcast) and members on other pages such as this one.  When editing a summary block, on the 'display' menu use the Tag and Category filters to only show items that match a certain criteria.

  • 3:2 image aspect ratio
  • 3 items per row
  • text size: small (doesn't affect text size but adds drop-shadow to each item)
  • text alignment: left
  • meta data below title
  • show: title, thumbnail, excerpt
  • primary meta data: category
  • secondary meta data: event location
  • in the event's excerpt, making the last paragraph a bold link results in it looking like a button
 
 
  • Before selecting Grid as the layout option, select Carousel.  While Carousel is selected, change the header text and set the 'images per row' to 3 (likewise, if you wanted a grid with 2 per row, then select 2 etc). Then switch to Grid view.
  • 3:2 image aspect ratio
  • You can ignore column width and gutter width
  • text size: small (doesn't affect text size but adds drop-shadow to each item)
  • text alignment: left
  • meta data below title
  • show: title, thumbnail, excerpt
  • primary meta data: event time
  • secondary meta data: event location
  • in the event's excerpt, making the last paragraph a bold link results in it looking like a button
 
 
  • 1:1 image aspect ratio
  • 5 items per row
  • text size: medium
  • text alignment: centre
  • show: title, thumbnail
  • primary meta data: none
 
 
  • Before selecting List as the layout option, select Carousel.  While Carousel is selected, change the header text and set the 'images per row' to 2. Then switch to List view.
  • 1:1 aspect ratio
  • image size: 30%
  • text size: medium
  • text alignment: left
  • show: title, thumbnail, excerpt
  • primary meta data: none
 
 
 
DOTQUyGXUAUg7Kc.jpg

Image Block: Card Layout

Summary text goes here.  This is used for the 'Featured Member' on the homepage.  Make sure to hyperlink the title text and include a link at the bottom (which will turn red and bold).

Use a square image.  You can upload a different shape and click EDIT under the image thumbnail to crop it to a square.  If the text is longer than the square image, the image will adapt to fit the space.

This layout is best if it's not the full width of the page

Link

 
  • Before selecting List as the layout option, select Carousel.  While Carousel is selected, change the header text and set the 'images per row' to 2. Then switch to List view.
  • 1:1 aspect ratio
  • image size: 30%
  • text size: small
  • text alignment: left
  • show: title, thumbnail
  • primary meta data: category
  • secondary meta data: date posted