Archived topic
GenerateBlocks formatting issue on Firefox
3 replies · Started by Deborah on March 17, 2022
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!
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.
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!
Glad you found solution :)
