Changing the text color in the announcement bar only in Craft Theme

Store Design
1

Hello Shopify,

I want to change just the text color in my announcement bar only and not the rest of the words color in the rest of the page so I can have an inverse color scheme between the two colors of red and white. I want a white announcement bar background with red text and the page background red with white text. www.puyavenusta.com is my website and the password is 12345 . I also would like to know how to make a store email for example support@puyavenusta.com. Thank you so much for your time and help whoever helps me!

1 Like
2

@puyavenusta , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base**.css** and paste this at the bottom of the file:
.announcement-bar{
    background: #000 !important;
}

.announcement-bar *{
    color: #fff !important;
}

#000 = background color
#fff = text color

Kind regards,
Diego

3

@puyavenusta

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.announcement-bar__message {background: #d5012b;color: #fff;}
1 Like
4

Thank you!

5

@puyavenusta ,

You’re welcome.

Kindly make sure to click on the button “Accept as Solution” below whichever answer solved your problem.

This way people with similar issues can also benefit from this in the future.

Kind regards,
Diego