How can I increase the font size in the announcement bar?

Solved

How can I increase the font size in the announcement bar?

Farid117
Excursionist
22 0 8

Hello Everyone,

 

Could somebody advice me on how I can increase the font type in the announcement bar only?

 

Thank you in advance!!!

Accepted Solution (1)

oscprofessional
Shopify Partner
15961 2387 3095

This is an accepted solution.

Hello @Farid117 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.announcement-bar__message.h5 {
    font-size: 30px !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 4 (4)

Beae_Cass
Shopify Partner
436 167 176

Hi @Farid117 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

 

I realize this situation isn't exactly what you'd hope for, but I've got a potential solution that I'd like to share with you:

1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid file
3. Paste below code before </body>:

<style>
p.announcement-bar__message {
    font-size: 25px;
}
</style>

Note: You can adjust the value to fit your store

 

Best regards,

Anthony

 

Beae - The NextGen Page Builder


- Was my answer helpful? Please hit Like or Mark it as solution!
- Get in touch with us: App Store | Demo Template

Moeed
Shopify Partner
4351 1121 1375

Hey @Farid117 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.announcement-bar__message.h5 {
    font-size: 30px !important;
}
</style>

RESULT:

Moeed_0-1692421730745.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

oscprofessional
Shopify Partner
15961 2387 3095

This is an accepted solution.

Hello @Farid117 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.announcement-bar__message.h5 {
    font-size: 30px !important;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Farid117
Excursionist
22 0 8

It worked perfectly!

Thank you very  much!