Solved

Announcement Bar Colour Issue - Dawn theme

sb1984
Tourist
4 1 1

Hello everyone!


I'm having trouble with my announcement bar on Dawn. I can get the background bright green to change to any colour but can't figure out how to edit the shorter darker segment. Ideally, I want the bar to be a single colour. Any ideas? Image attached.

 

Screenshot 2024-03-29 at 00.10.11.png

Thanks!

 

Accepted Solutions (2)
Dan-From-Ryviu
Shopify Partner
7525 1450 1449

This is an accepted solution.

Hi @sb1984 

Please go to Online Store > Themes > Customize > Announcement bar, check in the Custom CSS section, remove the CSS code, and Save Screenshot 2024-03-29 at 11.26.39.png

- Helpful? Like or Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

sb1984
Tourist
4 1 1

This is an accepted solution.

this worked, thanks so much!

 

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
7525 1450 1449

Hi @sb1984 

Could you share your store URL to check?

- Helpful? Like or Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

sb1984
Tourist
4 1 1
Yes, it’s www.kuttilulu.com. Thanks!
Dan-From-Ryviu
Shopify Partner
7525 1450 1449

This is an accepted solution.

Hi @sb1984 

Please go to Online Store > Themes > Customize > Announcement bar, check in the Custom CSS section, remove the CSS code, and Save Screenshot 2024-03-29 at 11.26.39.png

- Helpful? Like or Accept solution!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

techlyser_web
Shopify Partner
1405 263 277

Hello @sb1984 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .announcement-bar-slider.slider-buttons {
     background: #01d7ba !important;
 }
</style>

techlyser_web_0-1711686999846.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

websensepro
Shopify Partner
1011 139 147

Hello @sb1984 ,

 Go to online store > themes > Edit code > find base.css file 

Add to the given code at the bottom of the file base.css

 

.color-scheme-5 {
    --color-background: 0, 221, 166;
    --gradient-background: radial-gradient(rgb(83, 181, 177), rgb(83, 181, 177));
}

Save changes.

 

Result.

announement bar.png

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

sb1984
Tourist
4 1 1

This is an accepted solution.

this worked, thanks so much!