Choose a different background color for Announcement Bar

Store Design
1

Hello community!?

I am currently building my web page, and I’m using 2.0 themes. I’m trying to use a different background color for my announcement bar and the block which comes out of the announcement bar (as shown below).

Mathildew_2-1641969826057.png
Mathildew_2-1641969826057.png2121×1214 136 KB

However, there’s only one setting for choosing both colors (as shown below).

Mathildew_1-1641969437139.png
Mathildew_1-1641969437139.png477×1086 35.9 KB

Is this possible to do that?

Thank you so much for your help!

1 Like
2

@Mathildew

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Hi @Mathildew ,

Share your store URL.

1 Like
4

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

1 Like
5

@KetanKumar @Denishamakwana @oscprofessional
https://fitody.com/

this is the URL.

Thank you so much!!

6

@Mathildew

great thanks for URL can you try this code.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.announcement-bar {background: #001f3f;} /* change color as you like */
1 Like
7

@KetanKumar work like a charm! thank you so much!

1 Like
8

@Mathildew

its my pleasure to help us

1 Like