How to change announcement bar text color in DAWN theme?

[chelsea914]

Theme settings only has one color for text. And if I change that to white, none of my other texts would be visible. I only want white text on announcement bar. 

Please advise thank you!

[PageFly-Richard]

Hi  @chelsea914 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.announcement-bar__message {
    color: #fff !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[chelsea914]

Hi Richard, 

I added it to the bottom but the announcement text is still brown. hasnt changed.

[chelsea914]

[PageFly-Richard]

Hi @chelsea914 ,

Maybe there's something wrong with your bottom css.
You can paste my code at the TOP of the base.css file.

I hope it would help you
Best regards,

Richard | PageFly

[Catty]

I used the code and it worked perfectly through the custom CSS option in the Shopify Theme Customization window.

I added this to the announcement bar custom CSS box by clicking on the announcement bar section then when the announcement bar section heading is displayed, I clicked on that and you will see the CSS customization box in the white panel on the right.  I pasted the code and the text immediately showed up as white. Perfect!!!

• Now is there a way to keep this and change the font and size?😊

[Brittany_Witt]

Thank you so much @PageFly-Richard ! This worked for me DAWN theme! Much appreciated!