How can I remove announcement bar color in Dawn theme?

[Lootdrow]

I need help with removing a little rest of the color from the announcent bar. Ive made the header transparent as you can see in my Store URL.

www.lootdrow.com

Can someone help me with coding this away?

Thanks for any help.

[Made4uo-Ribe · Accepted solution]

Hi @Lootdrow 

You can follow the instructions below to do this.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

div#shopify-section-sections--19474716426564__announcement-bar {
    height: 0px;
}

• SAVE

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Made4uo-Ribe · Accepted solution]

Hi @Lootdrow 

You can follow the instructions below to do this.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

div#shopify-section-sections--19474716426564__announcement-bar {
    height: 0px;
}

• SAVE

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Lootdrow · Accepted solution]

perfect. Thanks a lot much love

[Lootdrow]

Could you be so kind and take a look at my product page. My announcent Text is now overwriting my Store logo. Could you check if the announcent bar can be shown normally on other pages except the homepage?

[Made4uo-Ribe]

Im sorry but I cant replicate the overwriting this is my SS.