How can I adjust the distance between product photos and the Add To Cart button?

[ermyv]

Hello everyone!
Help me make the distance between the Add To Cart Button and the photo of the next product. For some reason, the button is very close to the underlying photo, maybe I need to raise the button up or lower the photo down?

I would be glad for any help!!!

[suyash1]

@ermyv - can you please share this page link? it needs css

[ermyv]

Of course!

https://bychuri.ru/

[suyash1]

@ermyv - please add this css to the very end of your theme.css file and check, adjust number as per need, should look like screenshot below

#shopify-section-16369676704ef2badd .grid__item{margin-bottom: 30px;}

[ermyv]

@suyash1

Thanks a lot!!! This works great!
But this only works for the main page, and if I go, for example, to the “All products” tab, then the problem still needs to be fixed there.
Can you help with this please!

[suyash1]

@ermyv - please add this css and check, adjust number as per need

.template-collection .grid__item {margin-bottom: 30px;}

[ermyv]

@suyash1

Thanks! This option worked, but it changed the header menu (((((

Maybe it can be somehow corrected?

[suyash1]

@ermyv - our code has not changed header, but you can put this css and check, adjust numbers as per need

.main-content {padding-top: 25px;}
.section-header {margin-bottom: 25px;}

@media only screen and (min-width: 750px){
.main-content {padding-top: 25px;}
.section-header {margin-bottom: 25px;}
}

[ermyv]

Thanks for taking the time to solve my problem!
But unfortunately it didn’t help(((

[suyash1]

@ermyv - can you accept me as collaborator? I will add code to the site and make sure it works

[ermyv]

@suyash1

Yes of course, send me a private message please))

[suyash1]

@ermyv I sent you the message.