How to edit announcement bar color using dawn theme?

Store Design
,
1

i want to change the color of announcement bar but really cannot find an easy option for it.
there is only background color changing option available which changes both header and announcement bar color which i don’t want to do.
I am using dawn theme.

Also which free theme is the best, features/customization wise and speed wise as well.

2

Hey @Zenaural

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

i would prefer not to share the details but why is the customization a little complicated as compared to previous years.
Can you just tell what do i have to do. Should i add a custom css?

4

Hey @Zenaural

Yes, you have to add custom CSS to change the text color of the announcement bar and that is why I’m requesting for your Store URL so that I can provide you the CSS code accordingly.

Best Regards,

Moeed

5

Hi,

You can change it for the color scheme as in the image below:

NatashaSaed_0-1694004095037.png
NatashaSaed_0-1694004095037.png1550×271 22.8 KB

Or you can change with code:

1- go to online store

2- edit code

3- open base.css file

paste the following code:

.utility-bar {background-color: #cb8585 !important} change the color varient to your desired one save and thats it.

1 Like
6

Hi if you have the same issue please use the same code I’ve provided

7

it was helpful thanks, i have change the announcement bar color following your instruction.
can you plz tell how to change the text color in announcement bar too? by using code