Dawn theme footer colors theme.liquid edit

Store Design
, ,
1

Hi, I decided ask in new topic. I edited Dawn theme footer and now footer looks like this:

footer.png
footer.png2544×1140 123 KB

I added this code to theme.liquid

.footer { margin-top: 0px !important; } .footer.color-inverse { padding-bottom: 0 !important; } .footer.color-inverse { background: #e2964b !important; } .footer__content-bottom { background: #76b5c5 !important; }

How can I get rid of this yellow stripe on the bottom ? I want only white space there without this yellow stripe. Thanks for any help! Monika

2

My theme.liquid looks like this:

theme.liquid.png
theme.liquid.png2544×1140 220 KB

3

Hi @MonikaK

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Or you can add this

padding-bottom: 0 !important;

inside the footer {

}

of your code.

This is how its work :

PageFlyNoah_0-1695812902281.png
PageFlyNoah_0-1695812902281.png1920×963 219 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like
4

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 {
    padding-bottom: 0%;
}

.footer__content-bottom.scroll-trigger.animate--slide-in {
    padding-bottom: 2%;
}

syedsumaimaly_0-1695813317956.png
syedsumaimaly_0-1695813317956.png1366×650 90.8 KB

1 Like
5

Thank you! First solution working! I added code above in theme.liquid and this is accepted solution. Thank you again!<3

6

Thank you, my problem is fixed now.

1 Like
7

Glad that i can help. Let me know if you need other help.