How can I adjust the style of my checkout and cart buttons?

Hello there ,

Is there any way to style add to cart and checkout button in the same way .

I want the add to cart and checkout have the same width and height as the quantity button . Also I want to remove the cart icon from the button . Can anyone please assist me with that .

Thank You!!!

Hey @Anonymous

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Hi @Anonymous

You can try to add this code at the bottom of your base.css file

.product__add__cart__button .product-form__submit {
border: 1px solid #000 !important; width: 152px;
}
.product__add__cart__button .product-form__submit svg { display: none !important; }

1 Like