Dawn theme announcement bar text color change

Solved
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
3046 760 924

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 7 (7)
soleseriouss
Trailblazer
316 9 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
3046 760 924

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
rojiko
Tourist
6 0 1

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

Moeed
Shopify Partner
3046 760 924

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Moeed
Shopify Partner
3046 760 924

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Made4uo-Ribe
Shopify Partner
4111 942 1148

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!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com