Jump to content

Reduce linespacing in footer's social links block? Also in a footer text block

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

Add the following to Design > Custom CSS.

/* remove bottom padding from footer social block */

#block-31fb3bf90520f064ca03 {

  padding-bottom : 0;
  
  }

This is for v7.1 and specific to the OP's needs.

Hit us up if you need more space removed from elsewhere.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Posted (edited)

Thank you! I ended up doing this before I saw your note. I'm not sure the negative margin I used is a great idea, but it's got the footer looking the way I want it.:

/* FOOTER: Reduce linespacing in paragraph block in footer */
footer {
  #block-4815075cbfc3c34630b9 {
    margin-top: -8px !important;
  }
}

Edited by Anat13
  • Solution
Posted
On 3/14/2021 at 6:32 AM, Anat13 said:

Site URL: https://www.christinecrabb.com/

How can I reduce the linespacing in the footer's social links block for Squarespace 7.1? I may also want do reduce linespacing in a footer text block.  Thanks!

ON tablet, Testimonials text doesnt look good.

You can reduce text size or increase text width

/* Fix tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-cf3f3e2816923e9f9ffa {
    padding-left: 0;
    padding-right: 5px;
}
}

image.thumb.png.bc47febe77a846f87c24942680eeaf4a.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 3/19/2021 at 10:28 PM, creedon said:

Nothing inherently wrong with negative margins. If it works. It works! 🙂

Thank you! 🙂

Posted (edited)
On 3/24/2021 at 5:42 AM, tuanphan said:

ON tablet, Testimonials text doesnt look good.

You can reduce text size or increase text width



/* Fix tablet footer */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-cf3f3e2816923e9f9ffa {
    padding-left: 0;
    padding-right: 5px;
}
}

image.thumb.png.bc47febe77a846f87c24942680eeaf4a.png

Thank you SO much! I will do that! EDITED TO ADD: That fixed it, and I figured out how to check how it will look on a tablet now as well. Thank you!

Edited by Anat13
  • 2 years later...
Posted (edited)

Hi there, what would you do if you want to apply that to several blocks? Do you use "footer {"
for each block? 

Edited by WorkplaceConsultant
text edit
Posted
52 minutes ago, WorkplaceConsultant said:

what would you do if you want to apply that to several blocks?

A ruleset can have multiple selectors.

#block-1234567890,
#block-0123456789

  {
  
    margin-top : -8px;
    
    }

 

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.