Jump to content

Footer line spacing

Recommended Posts

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.

Footer.png

Link to comment
  • 1 month later...
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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 🙂

Edited by Intentional-Nutrition
Figured out my issue
Link to comment
  • 2 months later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 10 months later...
11 hours ago, SouthernSunEvents said:

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

http://www.southernsunevents.com

PW: se2020

mobile.jpg.959fe66389741089a10539d50ca4d3a1.jpg990043573_Untitleddesign(1).png.6d8a3c25158373b5e9b5f0a834610d91.png

Hi. Incorrect password. Can you check it again?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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.

458334642_ScreenShot2021-07-28at9_12_35PM.png.83c1bdf17c054847f9c541bd9d9833b4.png

 

 

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...
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!

Screen Shot 2021-08-16 at 3.04.48 PM.png

Add to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.