Text Sizing

[marc-everlast]

I need help with a few things. I want to increase the size of the Save $1.97 and fix the strikethrough for the discounted price so it accurately goes through the price. My theme doesn't have the base.css, theme.liquid, or any of the ones the internet or ChatGPT suggests. I was able to use the code below to fix the size of the other prices on the line in the Custom CSS editing section. 

.formatted-price {
font-size: 1.3rem;
margin-left: 0.8rem;
}

What text can I add to the CSS to fix that sizing?

 

[NerdCurator]

@marc-everlastCan you please provide the URL of your store and if it is password protected please share the password too. Thanks

[marc-everlast]

www.dryitcenter.com

[NerdCurator]

@marc-everlast  You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of components.css file.

[data-on-sale] .block-price__save {
    font-size: 1.3rem;
}

[marc-everlast]

Thank you so much! This worked!

[devcoders · Accepted solution]

Hello @marc-everlast 

1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open components.css and add your CSS code at the end

[data-on-sale] .block-price__save {
    font-size: 1.3rem;
}