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:
Go to Online Store
Edit Code
Find theme.liquid file
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
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;
}
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!
