Archived topic

Changing Sale Font Style of Woocommerce SALES Sticker?

5 replies · Started by robchanoi on April 22, 2021

Viewing posts 1–6 of 6

April 22, 2021 at 3:45 am #1744323

Hi,

Wondered if there's a way to change the font style from the default times new roman (which I think it is) to arial or smt different?

I have located css change thru search for typography size and wording but not for actual font style if that is correct terminology.

Thanks.

April 22, 2021 at 5:31 am #1744439

Hi there,

the Sales badge added by Woo doesn't have a specific font - it inherits the font you have set in Customizer > Layout > Body - if thats not the same then there is something else messing with its styles. If thats the case then share a link to the site where i can see the problem.

April 23, 2021 at 9:56 am #1746295

Thanks David,

Yes I can confirm it adopts the body's font.
Familiar by chance of any css if possible?

Cheers.

April 23, 2021 at 1:16 pm #1746447

You can use this CSS:

.woocommerce span.onsale {
  font-family: 'your_font_name';
}

However, GP will only load a font if it is selected in the Customizer. If its a font you're not using elsewhere then you could assign it to the H5 heading if its not being used elsewhere. If not you would have to enqueue that font.

April 25, 2021 at 3:28 am #1747821

Thanks David. That worked a treat. Appreciated.

April 25, 2021 at 5:45 am #1747940

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.