How can I change my footer size and background color?

[Medy06]

Hi

I would like to increase my footer size and also make the backgroun black

this is my url : www.waterlys.com

Thanks

[oscprofessional]

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss

#shopify-section-footer {
    padding-top: 50px;
    background-color: #ccc;
}

Change the color as per your choice.
Hope this will work for you.
Thanks…

[Medy06]

Thanks, it work for color and what about size ?

[oscprofessional]

Please share the screenshot of which size you want to increase.

[Medy06]

The goal is to have more space on footer section,(to have the red line limit upper)

[oscprofessional]

Add this css

@media screen and (min-width: 769px){
#shopify-section-footer {
    padding-top: 100px;
}
}

[Medy06]

It works perfectly

I have changed the color of footer, I did it black but the text has disappeared (because it’s black also), how make it white please ?

[oscprofessional]

Add this css

#shopify-section-footer .site-footer a {
    color: #fff !important;
}
#shopify-section-footer p.site-footer__copyright-content {
    color: #fff !important;
}

If helpful then please Like and Accept Solution.