How to change color of announcement bar in Dawn theme

Solved
melimiya
Tourist
4 0 2

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

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
2571 309 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)
Bluish
Shopify Partner
651 94 115

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.

Bluish_1-1635558743783.png

 

Bluish_2-1635558775137.png

 

 

 

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

melimiya
Tourist
4 0 2
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 announcement
bar to a setting outside of the default colors?

Thank you,
Melissa
Bluish
Shopify Partner
651 94 115

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

Zworthkey
Shopify Partner
2571 309 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

melimiya
Tourist
4 0 2

Yay! It worked! Thank you so much Zworthkey! 

Zworthkey
Shopify Partner
2571 309 641

@melimiya 
Welcome!

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing