Change announcement bar text colour theme studio

Store Design
1

I want to change the text color in the announcement bar without changing the rest of my website. Any idea how?

Website:https://www.auntclothing.com/search

Password:auntsoon

Thanks in advance!

Screenshot 2022-11-06 at 17.00.28.png
Screenshot 2022-11-06 at 17.00.28.png1918×226 12.1 KB

1 Like
2

hi @Zakariatheguy

To change the style of the announcement bar
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

/* change background of the section */
.announcement-bar {
background: red;
}
/* set gradient for the message and change font size */
.announcement-bar__message {
color: #fff;
}
1 Like
3

@Zakariatheguy

yes, please add 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.color-background-2.gradient {
    background: #000000;
}
.announcement-bar__message {
    color: #ffffff;
}