Add To Cart in product grid & unwanted space

New Member
1 0 0

Hello, I'm trying to add a simple Add To Cart under each product in the grid view of the default Debut theme and it works, but I can't figure out where the white space being placed above it is coming from in the CSS code. In the proper liquid file I'm adding the below, which adds a cart button below each product.

 

<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ product.variants.first.id }}" />
<input type="submit" value="Add to cart" class="btn" />
</form>

 

The space circled below ends up above the Add To Cart button, a real waste of space overall. For the life of me I can't figure out which CSS value is defining that default space. Does anyone know?

 

Screen Shot 2020-01-15 at 3.32.37 PM.png

0 Likes
Astronaut
1086 149 274

If you can provide a link to your store we can inspect your code and check it out for you. Please post a password if password protected, or if you are uncomfortable posting that here you can send me a message.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes