Hi, I tried searching for how to change the color of the announcement bar on the top of my webpage, but couldn’t find any instructions for Shopify’s Dawn theme. I’m willing to try editing the theme’s code in order to accomplish this if anyone can help me with that. My website: https://kittie-treats…

Hii, @melimiya Paste this code on top of the base.css file. .announcement-bar.color-background-1.gradient { background-color: #E9CED9 !important; } Thank You.

Hi @melimiya So go to the customizer, when you go to the announcement bar there is a color scheme there. Choose whichever you want, in my below example I chose Accent 2. Then go to your color theme settings and change accent 2 colour. Obviously anything linked to Accent 2 will have that colour chan…

Hi Bluish, Thank you for your response. I actually want to change the color to something other than the black, white, and green colors available on the Dawn theme. I wanted more of a pink color to match the rest of my website branding. Is there any way for me to change the color of the announcem…

Sorry not following, you are able to change the accent colour to whatever colour you want as mentioned in my first post

@Zworthkey how to do when you use 2 bars and you want 2 different colors?

Thank you so much @Zworthkey ! This worked for me DAWN theme! Much appreciated!

How to change color of announcement bar in Dawn theme

Store Design

melimiya October 30, 2021, 4:34am 6

Yay! It worked! Thank you so much Zworthkey!

Topic		Replies	Views
How can I customize different colors on the Dawn theme? Store Design	4	271	September 12, 2022
How to edit announcement bar color using dawn theme? Store Design customizations , shopify-themes	6	239	September 6, 2023
How to change the announcement bar color in Dawn using code? Store Design design , customizations , shopify-themes	0	36	January 22, 2023
How to change announcement bar text color in DAWN theme? Store Design customizations	6	100	November 1, 2023
How can I change the color of the announcement bar text in the Dawn theme? Store Design troubleshooting , shop-performance	3	54	January 8, 2022

How to change color of announcement bar in Dawn theme

Related topics