Gutenberg Woocommerce Block Issue

[Gareth]

Hi,
I’m running GP Pro with a child theme for a Woocommerce site. I’m using the Gutenberg Woocommerce blocks on the home page to display sale products. However, it won’t display everything on one line. If set to 3 columns, it puts the third on another line. If displaying 4, it puts the fourth on another line…
Category pages display fine. I’ve installed Elementor and used a block in that and that also displays fine however, I’d rather not use this as the styles don’t match.
Everything is updated to the latest version, I’ve cleared every cache I can think of and tried it in multiple browsers – still the same issue.
Any input would be appreciated 🙂

[David]

Hi there,

add this CSS:

.wc-block-grid__product {
    box-sizing: border-box;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gareth]

Perfect!
CheersDavid 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts