[Resolved] How to adjust white space between product images on Woocommerce Shop Page?

Home Forums Support How to adjust white space between product images on Woocommerce Shop Page?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1048602
    bluebit

    I’d like to reduce the white space in between the product images also known as the gutter space on the Woocommerce Shop Page, how do I do this?

    #1048676
    David
    Staff
    Customer Support

    Hi there,

    this CSS will reduce the grid gap:

    .wc-columns-container .products,
    .woocommerce .related ul.products,
    .woocommerce .up-sells ul.products {
        grid-gap: 20px;
    }
    #1048698
    bluebit

    thank you that worked, ok so its also called grip gap, cool 🙂

    #1048706
    David
    Staff
    Customer Support

    GP uses CSS Grid for the Woo columns, so it only applies there – can’t just add it to any type of layout 🙂

    You’re welcome

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