Change font on product price- Supply theme

eviemaearomas
New Member
3 0 0

Hi,

I'm using the Supply theme, and i'm looking to change the font of the product prices, across the website (so product pages, the collection pages etc). 
I understand that i'll need to edit/add code, possibly into the theme.scss.liquid, but i'm not savvy enough to figure it out. All other thread i've found are for other themes.
I'd like to change the font but also make the price the same size. Currently if a product is priced at £5.00, the 5 is big and the 00 are quite small.
Is anyone able to help at all?

Thanks

0 Likes
dmwwebartisan
Shopify Partner
4448 1002 1276

@eviemaearomas 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
paramSoft
Shopify Partner
1437 235 643

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
dmwwebartisan
Shopify Partner
4448 1002 1276

@eviemaearomas 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

/* collection page listing and home page */
.product-item--price small{ 
font-family: "Your font name";
}

/* For product page price */
.template-product .product-meta span{
font-family: "Your font name";
}

 

The above you can change the font as per your need inside double quote. Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes