Site logo

[Resolved] GenerateBlocks formatting issue on Firefox

Home Forums Support [Resolved] GenerateBlocks formatting issue on Firefox

Home Forums Support GenerateBlocks formatting issue on Firefox

  • This topic has 3 replies, 2 voices, and was last updated 4 years ago by Ying.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2158274
    Deborah

    Hi! I used GenerateBlocks to add a horizontal blogroll to the bottom of my website’s homepage. It is working exactly as we want everywhere except on Firefox. On Firefox, the 4th post keeps dropping off onto a new line. I’d really appreciate any recommendations you have to fix it. The website is cnyneuro.org. Thanks in advance for your help!

    #2158303
    Ying
    Staff
    Customer Support

    Hi Ben,

    1. It’s not related to GB, as the WP query block will behave the same with or without GB container wrapping it.

    2. Firefox might read the style added by the query block differently than the other blocks.

    3. You can give this CSS a try, the default WP query block has a larger gap between posts than the width reduced for individual post, this CSS can force the flex parent to use the same value for gap.

    ul.is-flex-container.columns-4.wp-block-post-template {
        gap: 0.9375em;
    }

    Let me know if it works.

    #2162686
    Deborah

    Hi Ying! Thank you so much for your quick response. Unfortunately, that did not work, but we found another solution so we’re all set. Enjoy your week!

    #2162729
    Ying
    Staff
    Customer Support

    Glad you found solution 🙂

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