Blog Post Display on Home Page – Grid Setup

  • connect4consulting

    How about the blog post display on the home page? I’m trying to get it to just be a grid – 4 columns across and 3 rows and then pagination.

  • Select the looper block, set its display to grid, and set grid-template-columns to 1fr 1fr 1fr 1fr

  • connect4consulting

    Ying,
    That didn’t quite do the trick. I’ve cleared the cache. What’s going on?
    Thanks,
    Gabe

  • You have a custom selector that set the first post to span 2 columns and 3 rows.

    .gb-looper-25cad51b :first-child {
        grid-column: span 2;
        grid-row: span 3;
        height: 80%;
    }

    Can you select the looper block, click the manage selectors button, check if there is such a selector, if so, delete it.

  • connect4consulting

    As always, you rock! Thanks a ton!

  • You are welcome   🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.