How can I add 10px space between product thumbnails?

How do i add 10px of space between the tops/bottoms of each thumbnail?

@OEMIndustries - can you please share this page link?

1 Like

https://www.oemcatalyticconverters.com/search?type=product&q=303001*
[https://cdn.shopify.com/s/files/1/0715/8906/9091/files/OEM_logo.png?height=628&pad_color=ffffff&v=1675348540&width=1200]<>
Search: 17 results found for “303001*”<>
OEM Industries Inc. is a top manufacturer of premium catalytic converters and exhaust parts, with a focus on delivering the highest levels of quality and performance.
www.oemcatalyticconverters.com

1 Like

@OEMIndustries - add this css to the very end of your styles.css file and check

.product__thumbnail {margin-bottom: 10px !important;}

Hi @OEMIndustries

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.\
.container .column {
    margin: 10px
}

Result:

I hope it help.

" :glowing_star: Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! :raising_hands: "