Bold Type for Announcement Bar in DAWN theme?

Store Design
1

Hi Shopify community!

Stuck on how to bold the text inside of our announcement bar.
We would like to promote FREE SHIPPING FOR ORDERS OVER $75 and it seems a little easy to miss right now. I already tried using and tags but then the text displays as FREE SHIPPING FOR ORDERS OVER $75
Apparently Dawn doesn’t understand inline CSS…

How can I bold the text?
Thanks!!

3 Likes
2

Hi @LumaD ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

@LumaD

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.
4

Hi Ketan,

URL: hopemind-health.com
PW: HH2022

Thank you so much for taking a look!!
Harriet

1 Like
5

@LumaD

thanks for url can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.announcement-bar__message {
    font-weight: bold;
    font-family: var(--font-body-family);
}
4 Likes
6

Worked perfectly, Ketan!
Thank You.

1 Like
7

bolded shipping.png
bolded shipping.png1882×1130 344 KB

8

@LumaD

its my pleasure to help us

1 Like
9

Hi @LumaD ,

I made a YouTube video solving this problem. Here is the link to the video: https://youtu.be/PPFpoObqjVo?feature=shared

Let me know if you have any further questions.

Regards,

Nafio