How to change background color of announcement bar Dawn Theme

[rvernon23]

Hi I want to Change the background color of my announcement bar to blue the answers I found on discussion don’t seem to work and most are outdated. How do I that?

[PageFly-Henry]

Hi @rvernon23

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 {

background: blue !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Transcy]

Hello @rvernon23 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

.announcement-bar {
  background-color: #0000FF;
}

Save and preview

Hope this can help.

Transcy

[ZestardTech]

Hello @rvernon23

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

#shopify-section-free-shipping-bar {
background: blue;
color: #fff;
}