DAWN increase width of add to cart/choose option buttons in my collections

Shopify Discussion
1

Hey Guys,

https://www.supplieswarehouse.co.uk/collections/safety-footwear

I would like to make my add to cart and choose option buttons to be a bit wider. I want the wording to fit in nicely and not be so close to the end of the buttons. Is there a way I can do this?.

Thank you in advance

2

Yes, that would be ideal

3

Hello @Amy200101
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.card__content .quick-add .quick-add__submit {
width: 17rem !important;
}

Result

70.png
70.png907×864 237 KB

If this was helpful, hit the like button and accept the solution.
Thanks

4

Hi @Amy200101

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
ul.product-grid .quick-add__submit.button {
    padding: 14px !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

Result:

steve_michael2_0-1734084286504.png
steve_michael2_0-1734084286504.png956×596 117 KB

5

Hey, is there anyway to make this mobile friendly?