Adjust Spacing between Product Thumbnails WooCommerce

  • Can anyone tell me how to increase the spacing between my product thumbnails in WooCommerce? The images are sitting right next to each other with zero white space between them or any white space between the top and bottom of the rows. I put the link with the page I am having trouble with above. I want it to look like this page: https://jewelsbytrish.com/shop/ TIA

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • I think you need to add the padding between the product thumbnails in WooCommerce, which may need a minor changes on your theme CSS files.

    You can add a rule like this to your custom CSS (Appearance → Customize → Additional CSS):

    
.cols_4 .product {
    padding: 1.2rem;
}

    This adds the same amount of padding between items as on your shop page, although the images will be a little smaller because you have four items on a row instead of three.

    Thread Starter jewelsbytrish

    (@jewelsbytrish)

    Thank you! That code worked!

    I changed the rows to 3 across to keep the images a good size. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adjust Spacing between Product Thumbnails WooCommerce’ is closed to new replies.