reduce space between quantity selector & price on main page

Solved
Caro_
Excursionist
14 0 1

Hi, 

how can i reduce the space between the quantity selector and product price on my main page ? 

I found the part in css where i can change the space between quantity and add to cart button but im not able to reduce the space above the quantity selector. Also the Space between "add to cart" and the product image of the next row isnt enough. 

it looks like this: 

 

beispiel.png

 

Thanks !

0 Likes
PeanutButter
Shopify Partner
330 66 137

Can you share your site's url?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Caro_
Excursionist
14 0 1

grindelwein.myshopify.com

 

password: itweeg

0 Likes
PeanutButter
Shopify Partner
330 66 137

This is an accepted solution.

Screen Shot 2021-01-18 at 14.56.27.png

As you can see, the css which adds the space you wanna reduce is:

.grid-view-item {
    margin: 0 auto 35px;
}

Look for this grid-view-item class and replace the 35px value with whatever value you want. I think margin: 0 auto 2px looks good
If you cannot find that code in your css, just add the following at the end of your theme.css file:

.grid-view-item {
    margin: 0 auto 2px;
}

 

To increase the space between rows in your grid, add this at the end of theme.css:

.grid__item {
    margin-bottom: 40px;
}

 Adjust the 40px value to your liking

 

If you find my answer useful, please Like. If my answer solves your issue, also mark as Accepted solution

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
Caro_
Excursionist
14 0 1

Thank you so much ! 

0 Likes