how do i make the “save x%” larger and bold?
I am using impulse them
Topic summary
Goal: make the “save x%” savings text larger and bold on product pages using the Impulse theme.
- A helper requested the product URL; the requester shared both a specific product page and the dining tables collection.
- Proposed solution: add custom CSS at the very end of theme.css to override default styles:
.product__price-savings { font-weight: bold; font-size: 18px; } - This targets the savings label (class .product__price-savings), making it bold and increasing the font size. The 18px value can be adjusted to taste.
- A screenshot was shared to illustrate the expected result, but it’s not required to apply the change.
Status: solution provided; awaiting confirmation from the requester on whether it worked. No further issues or disagreements noted.
@DanielFCF - can you please share this page link?
@DanielFCF - add this css to the very end of your theme.css file and check
.product__price-savings {font-weight: bold; font-size: 18px;}
