These are the step-by-step directions to create a CMS grid in all the variations you like

Step 1: Make Default Grid

  1. Add section
  2. Add container
  3. Add collection list (in purple)
    1. Attach it to your main CMS collection
  4. Insert Link Box
    1. Insert image, attach it to collection image, style as wished
    2. Insert header, attache it to collection title
    3. Insert paragraph, attach it to collection blurb
  5. Beneath it add a flex box
    1. Add 2 buttons
    2. Make first button a link to the CMS category
    3. Make the second button link to the current article
    4. Set flexbox top margin to Auto
  6. Click on Link Box,
    1. remove formatting to get rid of underlines
    2. Give 5 point radius
    3. Click on hover, add shadow or color
  7. Click on collection item
    1. Make border
    2. Give rounded edges
  8. MAKE THE CARDS A NORMAL SIZE AND BEHAVIOR PETER PLEASE NOTE THIS TOOK YOU MANY HOURS TO FIGURE OUT IT'S A PRECIOIUS THOUGHT
    1. CLICK collection list in navigator
    2. CLICK "grid" in style panel on right
    3. SET to 1 row, 1 column
    4. Click on blue squares thing in top
    5. click on blue rectangle
    6. set min/max to auto (its a checkbox)

  1. Click on collection list
    1. Click settings
    2. Set #items

Step 2: Make New Grid

  1. Copy the grid above
  2. Rename ALL components you want to differ from the previous ones
  3. Go into collection item
    1. Unlink all items from underlying cms collection
  4. Go to collection list
    1. Select new CMS collection
  5. Go back to collection item, attach to the new variables

All Blogs limited to 6 (change # in settings)

Parenting Blog (filtered for parenting)