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

Store Design
, , ,
1

Hello Everyone,

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

Thank you in advance!!!

2

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 :

Note: You can adjust the value to fit your store

Best regards,

Anthony

3

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 tag

RESULT:

Moeed_0-1692421730745.png
Moeed_0-1692421730745.png1897×923 123 KB

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

Best Regards,
Moeed

4

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;
}
1 Like
5

It worked perfectly!

Thank you very much!