reduce space between quantity selector & price on main page

[Caro_]

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: 

Thanks !

[PeanutButter]

Can you share your site's url?

[Caro_]

grindelwein.myshopify.com

password: itweeg

[PeanutButter · Accepted solution]

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

[Caro_]

Thank you so much !