How can I enlarge the font size in my announcement bar?

[randomchikibum]

Hey,

I want to increase the font size of the announcement bar at the top of the page. 

Store link: https://0bc922.myshopify.com/ 

[Made4uo-Ribe · Accepted solution]

Hi @randomchikibum ,

Try this.

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

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

Result:

You can change the size. 

I hope it help. 

[WeAreFairTrade]

This did not work for me. I am using the Turbo Seoul theme and there is no base.css file to add your code to. Does anyone know where to look in Turbo Seoul

[Made4uo-Ribe]

Hi @WeAreFairTrade 

Would you mind to share your store URL? Thanks!

[WeAreFairTrade]

Hi there
My store URL is www.wearefairtrade.com

All the best

Mark

[Made4uo-Ribe]

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.promo-banner__content strong {
    font-size: 16px;
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[WeAreFairTrade]

Yes that has worked when I added it to styles.css.

Thank you very much

[Made4uo-Ribe]

Welcome, Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[SCI_Containers]

Worked perfectly!  Thank you

[Made4uo-Ribe]

That is nice it work in your store. Welcome.

[MKpublishing]

This is very helpful, thank you so much! Is there a way to add a smaller size only for mobile?

[Made4uo-Ribe]

Yes, did you aldready solve this in your store? If not, would you mind to share your store URL? Thanks!

[gameworn]

I used your code on the Spotlight theme, file, assets/base.css and it will not change the font size at all. I changed the size from 10px to 100px with no changes to the size. Any Ideas?

[Made4uo-Ribe]

Would you mind to share your store URL? Thanks!

[gameworn]

I am located at stevenmikesportzcardz.ca

[gameworn]

Hi
I have found the error of my way. I did not notice the double underscore at p.announcement-bar__message.h5 until this morning It all works fine.

Thank You

[Made4uo-Ribe]

Thats good to hear!