Does anybody know how we can remove bold from “ADD TO CART” for all products on our website.
Topic summary
A user seeks to remove bold formatting from the “ADD TO CART” button across their Shopify store.
Proposed Solutions:
Two CSS-based approaches were suggested:
- Option 1: Target all elements within the button using
font-weight: 100 !important;for the thinnest possible text weight - Option 2: Apply
font-weight: 400 !important;directly to the button for a standard (non-bold) weight
Both solutions require adding custom CSS through: Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
Current Status:
One respondent noted the button already appears unbold, suggesting the issue may be resolved or browser/display-dependent. The discussion remains open with multiple CSS solutions provided but no confirmation from the original poster on which approach worked.
I see your Add to cart button is already really thin, like the thinnest, we can get. You can try to add this code
Please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- Paste the code provided into the Custom CSS section.
button.product-form__submit * {
font-weight: 100 !important;
}
Here is the result:
I hope this helps
Best,
Daisy
The “Add to Cart” button is already unbold.
Hi @JoaquinExcitare , thanks for reaching out.
To address the issue, please go to your Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS and insert the following custom CSS code:
button.product-form__submit {
font-weight: 400 !important;
}
This is the expected result:
I hope my solution is helpful to you.
Liz