logo

Grids

A grid is a layout block within pages on your Cardsetter website. It enables you to place cards, rich text, and code blocks within it. You can then drag the sizing of your blocks within the grid and rearrange them.

Grids will stack your content vertically.


This is a Grid

This is a Text Block within a Grid

You can place rich text block anywhere within the grid with as much or as little text as you need! 

This is a Video embedded within a Code Block in the Grid.

Working with Grids

On your Cardsetter website, you can place a grid into any page. You can add cards, text blocks, image, blocks and code blocks to the grid.

1. Add a grid to a page by either clicking on the gray "add a new item" area on a new page OR by clicking on a "+" before or after an image or text block on existing pages.

2. Select grid from the block picker


Once the grid is in place, you can begin adding content within it by either clicking on the gray "add a new item" area or clicking on a "+" within the grid, next to content you've already placed.

Select the block type that you'd like to place within the grid.

Cards should be used to link to other content on your website. You can place the card and then link it to the content you'd like. The card will auto-populate the image, title and description from the content you choose. Link them to content on your site, or set an external link for offsite content.

Rich Text can be used to add a block of text anywhere within your grid.

Code Blocks make it possible to embed iframes and other code from external services (like youtube videos, enews signups and more), or those with advanced coding knowledge can use them for highly custom elements on the page.

You can arrange a variety of layouts using any combination of cards, rich text and code blocks.

Cards, Rich Text, and Code Blocks can all be re-sized by dragging an edge or corner of a card. Drag and drop them into place within the grid.

More Resources