What's your biggest current challenge? Have your say in Community Polls along the right column.

Dawn theme announcement bar text color change

Solved

Dawn theme announcement bar text color change

rojiko
Tourist
6 0 1

Hi, 

I am trying to change the color of the announcement bar text. Currently, it's black I'm wanting it to be white. I can only change the text under colors, which then it changes the whole menu and cart section to white as well but then it's invisible since the background is also white. Is there any way I can add a code and change the color white without changing any other text color on my website. 

 

ps. I have tried this but didn't work, maybe I wasn't able to do it correctly. https://community.shopify.com/c/shopify-design/what-s-the-code-to-change-the-color-of-the-announceme...

Accepted Solution (1)
Moeed
Shopify Partner
6339 1720 2077

This is an accepted solution.

Hey @rojiko 

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 </body> tag

<style>
.announcement-bar__message {
    color: white;
}
</style>

Moeed_0-1691653888077.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


View solution in original post

Replies 7 (7)

soleseriouss
Trailblazer
316 10 38

Ask your website developer to change it.

Online Sneaker Store - Soleseriouss
rojiko
Tourist
6 0 1

Why take the time to reply with a non-answer? 

Moeed
Shopify Partner
6339 1720 2077

Hey @rojiko 
After checking your website, it doesn't seem like you have an announcement bar on your website, can you please confirm that?

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


rojiko
Tourist
6 0 1

Sorry, it was hidden. You should be able to see it now

Moeed
Shopify Partner
6339 1720 2077

This is an accepted solution.

Hey @rojiko 

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 </body> tag

<style>
.announcement-bar__message {
    color: white;
}
</style>

Moeed_0-1691653888077.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Moeed
Shopify Partner
6339 1720 2077

Hey @rojiko 
Kindly share your Store URL and Password if enabled

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Made4uo-Ribe
Shopify Partner
9118 2178 2688

Hi @rojiko 

Maybe you have a different theme with the different selector. Thats is why it doesnt work in your store. Would you mind to share your Store URL website? with password if its protected. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.