Storefront Footer – reduce footer height/white space

One thing you need to do is modify your footer-widgets class in CSS. This appears in two different places in your style.css. You can see that you have literally set the padding to 4.235 ephemeral units which is causing the large gap at the top of your footer block.

@media (min-width: 768px)
.footer-widgets {
    /* padding-top: 4.236em; */
    border-bottom: 3px solid rgba(0,0,0,.05);
}

This block, also appearing in two places in your style.css is controlling the large gap at the bottom of your footer widgets.

.widget {
    /* margin: 0 0 3.631em; */
}

Many thanks. I would never have sorted it without your help.

I am happy I was able to help in some small way. I wish you continued success on your project.

I found the code but plz tell how to edit it ?
I’mean what to edit ?

Image link of footer : https://prntscr.com/eciupc

thanks in advance