Latest Posts Grid

  • Resolved larus-argentatus

    (@ecce-homo)


    5 days ago

    There’s a wrinkle, which affects all my sites that use Twentig – which is quite a lot it is such a useful tool, whether I enable a 2, 3 or 4 column layout with the grid layout option. Tried disabling Twentig, the layout renders correctly. Re-enabling (and just changing some layout block options) doesn’t seem to fix anything, so I tried this.

    @media (min-width: 1024px) {
    .wp-block-latest-posts.columns-3 li {
    width: 100%; /* was calc(33.333% – 1.333em) */
    margin-inline-end: 2em;
    }
    }

    seems to fix it on a desktop, but I have too many sites to update! Also the hack is naive and has repercussions across different devices e.g. mobile landscape.

    The default posts page grid works satisfactorily, as far as I can see.

    Looks like that rule applies margin-inline-end to every li, including the last one in each row, instead of only the gaps between items … is that the issue?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Yann

    (@collet)

    1 day, 22 hours ago

    Hi,

    Thanks for reporting this.

    There is indeed an issue with Twentig’s Latest Posts CSS for the Twenty Twenty-One theme since WordPress 7.1, which now uses a CSS Grid layout for this block.

    We’ve fixed it in Twentig 2.0.5. Please update Twentig and let us know whether it resolves the issue.

    Thank you,
    Yann

    Thread Starter larus-argentatus

    (@ecce-homo)

    1 day, 2 hours ago

    That seems to have fixed it.

    Many thanks and keep up the excellent plugin and support.

    🙂

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.