The grid content type consists of boxes of content displayed in a uniform layout across a page. But that's a pretty bland description, grids are SO much more. Grids provide an attractive, exciting, enticing way to lay out content, and yes while they're a little square, we think you'll warm up to them nicely.
The nitty griddy:
- Four grid types are available to accommodate a wide range of content
- All grids span the full width of a page
- A grid may contain 2, 3, or 4 columns, and an unlimited number of rows*
*News RSS grids limit boxes to 30 which does limit overall row count.
- Minimum of one box must be populated with content, no maximum
- A rainbow of background color choices to liven things up
A grid has a lot going for it. Interested? Swipe right!
Can I have multiple grids on a page and can each be different?
What do my grids look like on mobile?
They look fantastic. CMS pages are fully responsive (i.e., mobile-friendly) so you can be assured that your grids will adapt to the devices your website visitors are using. Don't worry, we did a TON of testing on this back in the lab.
Tip: Learn a trick for seeing how your website looks on various display sizes.
Why isn't there a one column grid?
One column grids were put on the endangered species list so it was illegal for us to capture one. Instead, use the Wide content type for a full-width content area.
The elusive one column grid.
Add a Grid
- In page edit mode, start with a Content section (to add a new one click the plus sign (+) near an existing one)
- For Type select Grid
- Choose one of grid types below and follow the steps
Display an array of photos in a grid layout with options to overlay text and add links.
Feature news articles in a grid layout. Choose specific articles from your site or use RSS to pull in a news feed.
Cards are just boxes of WYSIWYGs, put anything you want in them!
The hodge-podge of grids, put something different in each box. Here's your chance to experiment with mixology!