How can I alter the font style for a 'Sold Out' tag?

[admintb]

Hi there,

I would like to change the font style (red marked) from the sold out tag into “math-auto” :

[NomtechSolution]

1. Identify the CSS selector for the “Sold Out” tag element. It might look like .product__sold-out.

2. Add the following CSS properties to the selector:

.product__sold-out {
  font-family: math-auto;
}

[admintb]

@NomtechSolution Nothing happened…

[admintb]

@NomtechSolution It seems that the system does not recognize the language “Math-auto”. Is there a synonym?

[PageFly-Noah]

Hi @admintb

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

However, i have checked on the HTML/CSS Font Styling Property and i cannot found any property like “math-auto” Please make sure that the style you want to change is available.
The code given here will affect to the correct sold-out badge.

Hope this can help you solve the issue

Best regards,

Noah | PageFly

[admintb]

@PageFly-Noah It’s not working.. I want “Sold out”

[PageFly-Noah]

Hi @admintb As i has explained the math auto is not a correct property for CSS

If you want it to be “Sold Out” Here’s the correct code for it

Hope this can help you solve the issue

[admintb]

@PageFly-Noah “Sold out” is not possible in any other ways?

[PageFly-Noah]

Hi @admintb
I can see it is showing: “Sold Out” here.

Is there anything wrong with it?

[admintb]

@PageFly-Noah I want “Sold out” so the out is small

[Ujjaval]

@admintb can you try below css for math auto

.sold-out-badge
{
font-family: math;
font-size : 10px;
}

[admintb]

@Ujjaval This i not working:

[admintb]

@PageFly-Noah I want it like this: “Sold out” so the “out” is small

[admintb]

@Ujjaval @PageFly-Noah Can you help?