How do you change the text color in the announcement bar on Shopify?

Good Day,

I am trying to change the text color on the announcement bar of my shopify site but I am unable to.

The website is: glamexpresstt.com

It is currently white and i would like to change it to black. I am using the theme Sense.

Thank you

1 Like
p.announcement-bar__message.h5 {
    color: black !important;
}

@rmababir
Add this code in the bottom of the base.css file.

2 Likes

Hi @rmababir ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
.announcement-bar__message {
    color: #000 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

2 Likes

Thank you. It worked!

Thank you, it worked!

Hi there, @rmababir .

The other users here are absolutely correct, that the color can be edited using code. It can also be edited from within the theme editor itself.

When you click into “announcement bar” within your theme editor, you can select which color you want applied to the bar here:

under theme settings > colors - you can apply which color you want assigned to each different option. Here you can see me choosing which color I want assigned as “Accent 1” for my announcement bar:

1 Like