How to customize "Add to cart" button - bold text and reduce it's size (width)

Store Design
1

Hello,

I am setting up a store using the Sense 8.0 theme. I’ve managed to edit the text of my “add to cart” button, however I’d like to bold it and also reduce the width of the button itself as currently it’s very wide.

Is that possible? Thanks!

2

Hello @hells0

WebDesk Solution would like to give you a solution to support you.

Please Add the Following CSS at the bottom of Online Store->Theme->Edit code->Assets->base.css

.product-form__buttons {
       max-width: 25rem;
   }
   .product-form__submit{
       font-weight: 700;
   }

Output:

WebDeskSolution_0-1676982980433.png
WebDeskSolution_0-1676982980433.png1424×582 718 KB

If you find our reply helpful, please hit Like and Mark it as a Solution.

An award-winning North American Shopify Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

1 Like
3

Perfect, thanks a lot!