Padding on Checkout Button In Cart. Debut Theme

31 0 16

Hi. I added a features banner above my footer and it now touches my "buy now" button in my cart. I am just looking to make them stop touching (maybe through padding?) any help is super appreciated.

Also, I am looking to change the color of the "buy now" button. Thank you so much for the help!

Store link:

Screen Shot 2020-11-17 at 10.30.08 PM.png

Shopify Partner
3633 811 995

This is an accepted solution.


Please add the following code at the bottom of your assets/theme.scss.liqud file

@media only screen and (min-width: 750px){
.cart__buttons-container { margin-bottom: 20px; }
.cart__buttons-container { margin-bottom: 20px; }

input.cart__submit.btn.btn--small-wide {
    background-color: red;
    color: #fff;


Above I have given buy now button color to red but you can change it as per your need.

Hope this helps.


If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
31 0 16

thank you so much!! extremely helpful