footer size and backgroud color

Solved
Medy06
Tourist
22 0 1

Hi 

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

this is my url : www.waterlys.com

Thanks

Capture d’écran 2021-04-30 143153.png

 

0 Likes

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....

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Medy06
Tourist
22 0 1

Thanks, it work for color and what about size ?

0 Likes

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Medy06
Tourist
22 0 1

Capture d’écran 2021-04-30 143153.png

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

0 Likes

Add this css

@media screen and (min-width: 769px){
#shopify-section-footer {
    padding-top: 100px;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Medy06
Tourist
22 0 1

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 ?

Capture d’écran 3.png

0 Likes

This is an accepted solution.

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.

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes