Liquid, JavaScript, themes, sales channels
Hi there!
I've searched as much as I could but didn't see a solution for my problem.
URL: https://consistent-home-delivery.myshopify.com/
Theme: Debut
Problem: I added a QTY and Add to Cart button on my featured collections page but now I want to increase the space between the add to cart button and the product not associated with it to avoid confusion. Please see attached picture.
Thank you very much!
Solved! Go to the solution
This is an accepted solution.
Hello prankoyz,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.grid__item.grid__item--collection { padding-top: 40px !important; }
Add this css for more design:
.grid__item--collection .btn { padding-top: 5px; } .grid__item.grid__item--collection { text-align: center; } .price.price--listing { text-align: center; align-items: center; } .grid__item--collection #quantity { width: 30%!important; }
This is an accepted solution.
Hello prankoyz,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
.grid__item.grid__item--collection { padding-top: 40px !important; }
Add this css for more design:
.grid__item--collection .btn { padding-top: 5px; } .grid__item.grid__item--collection { text-align: center; } .price.price--listing { text-align: center; align-items: center; } .grid__item--collection #quantity { width: 30%!important; }
Hi oscprofessional!
Thank you so much for your help! I used the 2nd code and it looks so much better now!
Hey! In my Debut Theme, There's no file in the name of "theme.scss.liquid". So I created one & Used these codes but did not work so I deleted the newly created file & unfortunately shop shows blank page now. Please Help
Can you please help me with this?
User | RANK |
---|---|
22 | |
22 | |
10 | |
8 | |
6 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023