Footer line spacing

hi everyone, 

I'm using the Brine template and trying to find a way of reducing the spacing between each footer block. I've managed to remove the top block as I'm trying to keep it simple. 

Any ideas on how to make space between each line smaller? See attached. 

Many thanks.

Can you share link to page in screenshot? I can take a look

Hi, the site isn't live as yet, is there a way fo me doing it? 

1 minute ago, Icclebug said:

Hi, the site isn't live as yet, is there a way fo me doing it? 

You can setup password & share url

Thanks, will send you a message

Add to Home > Design > Custom CSS

nav.Footer-nav {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

Perfect solution, thank you so much 😀

Hi, @tuanphan - do you know how to reduce the spacing between Header text and paragraph text in the footer, for both pc & mobile viewing?

2 hours ago, Intentional-Nutrition said:

Hi, @tuanphan - do you know how to reduce the spacing between Header text and paragraph text in the footer, for both pc & mobile viewing?

 

Can you share link to your site? I can check easier.

www.intentionalnutrition.com.au

I actually just figured it out - added the following to custom css:

footer {
  p {
 margin-top: -20px !important;
}
}

.newsletter-block {
 margin-top: -50px !important; 
}

(I only have the newsletter block in my footer).

Thanks anyway!!  Love your work 🙂

@tuanphanHi there, could you help me with my website's issue please?  It has too much padding in the Pre-Footer Content and Footer Navigation.

Here is my website's URL: https://www.jasminesbridalshop.com/

Ideally, I would like to remove both the green space and the yellow space, thanks a bunch! 🙂

2 hours ago, JasminesBridalShop said:

@tuanphanHi there, could you help me with my website's issue please?  It has too much padding in the Pre-Footer Content and Footer Navigation.

Here is my website's URL: https://www.jasminesbridalshop.com/

Ideally, I would like o remove both the green space and the yellow space, thanks a bunch! 🙂

Add to Home > Design > Custom CSS

.footer-inner {
    padding-top: 20px;
}
div#preFooterBlocks {
    padding-bottom: 20px;
}

Looking to reduce padding in highlighted between blocks on mobile and tablet.

http://www.southernsunevents.com

PW: se2020

11 hours ago, SouthernSunEvents said:

Looking to reduce padding in highlighted between blocks on mobile and tablet.

http://www.southernsunevents.com

PW: se2020

Hi. Incorrect password. Can you check it again?

3 hours ago, tuanphan said:

Hi. Incorrect password. Can you check it again?

so sorry. It's sse2020

On 7/27/2021 at 10:36 PM, SouthernSunEvents said:

so sorry. It's sse2020

Add to Design > Custom CSS

/* Footer spacing */
@media screen and (max-width:640px) {
div#footerBlocksTop .span-12>.row:first-child .sqs-block {
    padding: 0px !important;
}
}

44 minutes ago, tuanphan said:

/* Footer spacing */
@media screen and (max-width:640px) {
div#footerBlocksTop .span-12>.row:first-child .sqs-block {
    padding: 0px !important;
}
}

Still have this spacing on mobile and all of the spacing on tablet even after I've adjusted the max width.

7 hours ago, SouthernSunEvents said:

Still have this spacing on mobile and all of the spacing on tablet even after I've adjusted the max width.

 

 

Use new code

/* Footer spacing */
@media screen and (max-width:640px) {
div#footerBlocksTop .span-12>.row:first-child .sqs-block {
    padding: 0px !important;
}
footer.Footer .image-block {
    padding-bottom: 0px !important;
}
nav.Footer-nav {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
div#footerBlocksBottom {
    padding-top: 0px !important;
}
footer.Footer .margin-wrapper {
    margin-bottom: 0px !important;
}
}

Hello - I have a similar issue, could you please help?

I would like all line spacing between blocks, lines of text, etc., to be reduced. 

rust-coconut-kf7x.squarespace.com/about

PW is wr1234

Thank you!

On 8/17/2021 at 5:09 AM, hilaryb said:

Hello - I have a similar issue, could you please help?

I would like all line spacing between blocks, lines of text, etc., to be reduced. 

rust-coconut-kf7x.squarespace.com/about

PW is wr1234

Thank you!

Add to Design > Custom CSS

footer.sections p, footer.sections h3 {
    margin: 0px;
}

I'm having the same issue. Too much space between bottom of page and footer

On 5/9/2023 at 11:54 PM, KristoferHiroshi said:

I'm having the same issue. Too much space between bottom of page and footer

 

What is site url?

Hi there, I'm trying to reduce the space or padding between text links in my footer.  e.g. Vertical padding between each link.  Appreciate any help, LIsa

Hi there, I'm trying to reduce the space or padding between text links in my footer.  e.g. Vertical padding between each link.  Appreciate any help, LIsa

website is: www.lisachentherapy.com

On 5/7/2024 at 1:47 AM, LFC said:

Hi there, I'm trying to reduce the space or padding between text links in my footer.  e.g. Vertical padding between each link.  Appreciate any help, LIsa

 

website is: www.lisachentherapy.com

You can use this code to Website > Website Tools > Custom CSS

footer.sections p {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}