[Resolved] Gutenberg Woocommerce Block Issue

Home Forums Support Gutenberg Woocommerce Block Issue

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1010749
    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 🙂

    #1010755
    David
    Staff
    Customer Support

    Hi there,

    add this CSS:

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

    Perfect!
    CheersDavid 🙂

    #1010776
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.