How to change font size of Add to Cart buttons (Sense Theme)

Store Design
, ,
1

Hello,

I increased the font size of ‘Buy Now’ button. But I’m trying to also increase the font size of ‘Add to Cart’ button to match the ‘Buy Now’. But I’m having trouble. How can I do that?

‘Add to cart’ buttons are on Product Pages and.. also on my homepage, Featured Collection cards.

Product page:

Screenshot 2023-03-01 at 11.52.25 PM.png
Screenshot 2023-03-01 at 11.52.25 PM.png1080×338 12.4 KB

Homepage- Featured Collection cards:

Screenshot 2023-03-01 at 11.58.34 PM.png
Screenshot 2023-03-01 at 11.58.34 PM.png2116×754 167 KB

2

Thank you!

3

@jk888

To increase font size of add to cart follow below steps :

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
product-form .quick-add__submit,
.product-form .product-form__buttons .product-form__submit{
  font-size: 1.8rem !important;
}

This works well.

2 Likes
4

Hi [email removed]Jk888**,**

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

product-form .quick-add__submit span,
.product-form .product-form__buttons .product-form__submit span{
  font-size: 1.8rem !important;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

2 Likes