Reduce font size announcement bar - Debut theme

Solved
Highlighted

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!

0 Likes
Highlighted

Success.

Hello 

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

.promo-bar {
    font-size: 15px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted

Ah thank you so much, that worked perfectly!

0 Likes
Highlighted
Tourist
5 0 0

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)

0 Likes
Highlighted

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

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
5 0 0

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

0 Likes
Highlighted
Tourist
6 0 1

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

1 Like
Highlighted

Hello 

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

.announcement-bar__message {
    font-size: 20px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
5 0 0

@oscprofessional wrote:

Hello 

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

0 Likes
Highlighted
Tourist
5 0 0

It works! Many thanks

0 Likes