How can i remove empty space between Buy Button and Card border?

Technical Q&A
, , ,
1

Horizon Theme

image
image902×508 70.7 KB

2

Hey @xsanxdrox

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3
4

Hey @xsanxdrox

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
.product-grid__card.product-grid__card {
    justify-content: space-between !important;
}
</style>

RESULT:

image
image1466×484 150 KB

Hope that helps! If it did, a Like and Marking it as Solution goes a long way and helps others find the fix faster too.

Best,
Moeed

5

Awesome! Thank you a lot!
I’ve been struggiling with it for a few days and even ChatGPT nor Claude couldn’t help me.

6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Cheers,
Moeed