Dawn theme- footer two colors background and announcment bar color full width

Hi everyone! I decided ask about footer background and announcment bar because I have tried solutions proposed here for other people but somehow this does not work for me.

Is some way to edit custom css in footer section that will be worked?

I want something like this:

my website is https://flowerystories.com and password is piashu

Thank you for your help!<3

And I did not mentioned that announcment bar is in header not in footer. My post can be little confused. Thanks! Monika

Hey @MonikaK

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Got your thoughts Monika! We can help you with the solutions and have asked for the access to the theme! We need to amend the code and change the background as shared in the screenshot.

Thanks & Regards!

Hi @MonikaK

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

footer.footer.color-scheme-2f1c8322-62ca-4651-b134-f8ce67f29442.gradient.section-sections--19720131936604__footer-padding {
    background-color: #FED75C;
    padding-bottom: 0%;
}

footer.footer.color-scheme-2f1c8322-62ca-4651-b134-f8ce67f29442.gradient.section-sections--19720131936604__footer-padding {
    background-color: #FED75C;
    padding-bottom: 0%;
}

.utility-bar.color-background-1.gradient {
    background-color: #f9ade3;
}

1 Like

Hi, thank you, but this was not working somehow. But maybe for someone will be. Thank you for help.

Br, Monika

Hi, thank you for help, this worked too!

Br, Monika

Can I have one more question? I do not know if write new topic or I can ask here, but how can I split footer background for two backgroungds one this yellow and second white, but height should be smaller than yellow one has. Thank you!