Adjusting footer size

Solved
Highlighted
Tourist
7 1 0

Hello !

I do not understand why there is this big empty space in the upper part of my footer. I would like my footer to be half the height. Can you tell me how to do it please?

 

I would also like to know how to center the text at the bottom (the copyright)

 

Take a look: http://prntscr.com/mngulf

 

0 Likes
Highlighted
Trailblazer
193 25 47

Could you share your shop url?

Thanks

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: silencewebsolutions@gmail.com
0 Likes
Highlighted

In theme.scss add this :

footer{
margin-top:0;
padding-top:0;
}
footer p{
text-align:center;
}

 

 


0 Likes
Highlighted
Tourist
7 1 0

maison-vision.com :)

0 Likes
Highlighted

Hello @Erko9,

 

It's password protected page. Can you share the password please.

Regards,
PSD Webdesigns
support@psdwebdesigns.com
0 Likes
Highlighted
Tourist
7 1 0

I already have these lines in my code from the beginning, but this margin persists

 

/*================ Footer Variables ================*/
footer{
margin-top:0;
padding-top:0;
}
footer p{
text-align:center;
}
$footer-spacing-extra-small: 5px;
$footer-spacing-small: 15px;
$footer-wrapper-spacing: 18px;
$footer-hr-bottom-spacing: 20px;
$footer-spacing-medium: 25px;
$footer-spacing-large: 45px;

0 Likes
Highlighted
Tourist
7 1 0

oops !

 

Pass: guizmo

0 Likes
Highlighted

This is an accepted solution.

Hello @Erko9

 

Please add below CSS code in theme.scss and check.

.site-footer{padding: 15px 0;}
.site-footer .page-width:nth-child(1){display: none;}
.site-footer .site-footer__hr, .site-footer .grid__item.one-hal{display: none;}
.site-footer .grid__item.one-half:first-child{display: block; width: 100%; text-align: center;}
Regards,
PSD Webdesigns
support@psdwebdesigns.com
2 Likes
Highlighted
Tourist
7 1 0

You are the best ! :) Thank you very much !


@PSD_Webdesigns wrote:

Hello @Erko9

 

Please add below CSS code in theme.scss and check.

.site-footer{padding: 15px 0;}
.site-footer .page-width:nth-child(1){display: none;}
.site-footer .site-footer__hr, .site-footer .grid__item.one-hal{display: none;}
.site-footer .grid__item.one-half:first-child{display: block; width: 100%; text-align: center;}

 

0 Likes
Highlighted
New Member
4 0 0

Hi! I have the same issue, didn't though manage to solve it with your recommendation (very beginner in coding). Could you explain me where to the code I should add this part?

0 Likes