Reduce font size announcement bar - Debut theme

[Infratech_Digit]

Hi guys,

I'm trying to reduce the font size on the announcement bar on my website: https://urbanedenco.com/

I added below code to scss file, but nothing changed. Does anyone know what I should add instead?

.announcement-bar__message{ font-size: 8px}

Thanks so much!

[oscprofessional · Accepted solution]

Hello Infratech_Digit,

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.promo-bar {
    font-size: 15px;
}

[Infratech_Digit]

Ah thank you so much, that worked perfectly!

[GalaParts]

I have tried with your CSS but nothing changed in the text size of the announcement bar(I tried all 8px, 10px, 15px, 20px, 30 px but none of them working)

[oscprofessional]

Hello GalaParts,
Please share your site url.
So that i can check and provide you exact solution here.

[GalaParts]

my website: https://galaparts.com

I would like to increase the text size "20% OFF AT CHECK OUT THIS WEEK" in the yellow announcement bar in the header. Thanks

[Shikha_Gupta]

Hello @GalaParts ,

You can increase text size by applying this css 

".announcement-bar .announcement-bar__message {font-size: value}

---

@GalaParts wrote:

my website: https://galaparts.com

I would like to increase the text size "20% OFF AT CHECK OUT THIS WEEK" in the yellow announcement bar in the header. Thanks

[oscprofessional]

Hello GalaParts,

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.announcement-bar__message {
    font-size: 20px;
}

[GalaParts]

---

@oscprofessional wrote:

Hello GalaParts,

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.announcement-bar__message {
    font-size: 20px;
} 

---

Awesome, it works perfectly! Many thanks for your help

[GalaParts]

It works! Many thanks