Custom font usage in the Studio theme conflicts with price styling: enabling the font for elements makes the “Sold” badge display correctly but also unintentionally changes the product price font.
Goal: Apply the custom font to the sold-out badge only, without affecting price text.
Context: The theme’s font controls target globally; since price also uses , a more specific CSS selector is needed. Screenshots were attached to show the two outcomes.
Proposed approach: Use a targeted CSS selector to style the sold badge while excluding price selectors.
Latest update: A responder requested the storefront URL and password to provide the precise CSS. The store link and password (“three”) were supplied.
Status: No code solution posted yet; awaiting tailored CSS guidance after accessing the storefront. Open issue: the exact selectors to isolate the badge from price remain to be provided.
Hi folks,
I’m working on a site using a custom font and the Studio template. I can apply the custom font to different elements of the design, including the tags.
I want the ‘sold’ badge on a sold out product to appear in the custom font which requires me to check the tags box in the custom font section.
However, this also applies the custom font to the price, which I don’t want. Screenshots for both options attached.
Is there a way around this?
Thanks so much,
Lottie
This is easy to solve, but I need link to your storefront (yourstore.shopify.com), to offer the correct css selector
https://the-graduate-gallery.myshopify.com/
It’s password protected though
Please provide the password and you can change it after
it’s three
