Change color on second announcement bar

Hi

I want to change the announcement bar color from White to #E47B93 this color instead, see attached image. I tried it in the Shopify editor but i change the whole page into the same color. Im trying out more fresher colors, the white is the one who looks booring, hope we can figure something out here. :slightly_smiling_face:

Thanks to all who wants to contribute. :slightly_smiling_face:

My storeurl:

www.dekanten.no

Hi @Dekanten

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.announcement-bar.color-background-1.gradient {

background: #E47B93;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like

Hi @PageFly-Henry

This code didnt work here, tried ingcognito window and everything, maybe you have something else i could try out? :wink:

Hey @Dekanten ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

If you ever add more, just make a copy of the same code, paste it and change the number 2 to the number of the announcement bar, 1 for first one, 2 for second one, 3 for third, etc..

1 Like

@ThePrimeWeb Hello, this works flawless and thank u so much for that. I would like to change the textcolor from black to white, can this be done at the same place within theme section? :slightly_smiling_face:

Yes, add this code there as well. Same instructions.


1 Like

THANK YOU SO MUCH, this works flawless and now i can change the color to whatever i want. Have a nice day, :slightly_smiling_face: