Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
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.com
Thank you,
Melissa
Solved! Go to the solution
This is an accepted solution.
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 change to it.
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
Sorry not following, you are able to change the accent colour to whatever colour you want as mentioned in my first post
Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.
To hire me, visit my Upwork profile
This is an accepted solution.
Hii, @melimiya
Paste this code on top of the base.css file.
.announcement-bar.color-background-1.gradient {
background-color: #E9CED9 !important;
}
Thank You.
Yay! It worked! Thank you so much Zworthkey!
how to do when you use 2 bars and you want 2 different colors?
User | RANK |
---|---|
116 | |
89 | |
71 | |
68 | |
45 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022