Align quantity box under price in product collection

Solved
Highlighted
New Member
4 0 0

Hi guys, 

I'm trying to align the quantity box under the price tag. As I have product names on 1 line and 2 lines it changes the spacing underneath.

I also would like to increase the space between the green ''Ajouter au panier'' button and the image below it.

thanks for your help,

Store URL: la-vache-qui-livre.myshopify.com

PW: ildair

Screenshot 2020-07-28 at 15.26.32.png

0 Likes
Highlighted
Shopify Partner
563 67 91

@SimonP ,

You may add fiollowing code to the theme.scss.liquid file which you would find under assets folder when you goto

Admin- > online store -> themes -> action -> edit code

input[type="submit"] {
    margin: 10px 0px ! important;
}
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted

This is an accepted solution.

Hello @SimonP 

Add this css at the bottom of following path
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.grid__item--collection-template .grid-view-item.product-card {
    margin-bottom: 0;
}
.grid__item--collection-template {
    padding-bottom: 20px;
}

Hope this is work for you.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

Thanks a lot, it worked for the margins between the products.

Do you know if there is any solution to align the quantity box now when the title of the products are different, on 1 and 2 lines?

Maybe add a blank line under the products that only have 1 line title?

Screenshot 2020-07-28 at 22.08.33.png

Thanks a lot for your help,

Simon

0 Likes