How to change announcement bar text color in DAWN theme?

How to change announcement bar text color in DAWN theme?

chelsea914
Visitor
3 0 0

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!

 

 

 

Screen Shot 2023-02-24 at 1.40.15 PM.png

Replies 6 (6)

PageFly-Richard
Shopify Partner
4400 1006 1657

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

chelsea914
Visitor
3 0 0

Hi Richard, 

 

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

chelsea914
Visitor
3 0 0

Screen Shot 2023-02-24 at 5.27.37 PM.png

PageFly-Richard
Shopify Partner
4400 1006 1657

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Catty
Visitor
1 0 0

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
Explorer
52 0 17

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

Brittany Witt