Anat13 Posted March 13, 2021 Posted March 13, 2021 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! 808yoi 1
creedon Posted March 14, 2021 Posted March 14, 2021 (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 March 25, 2021 by creedon Anat13 and tuanphan 2 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.
Anat13 Posted March 20, 2021 Author Posted March 20, 2021 (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 March 20, 2021 by Anat13 creedon and tuanphan 2
creedon Posted March 20, 2021 Posted March 20, 2021 Quote I'm not sure the negative margin I used is a great idea Nothing inherently wrong with negative margins. If it works. It works! 🙂 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.
Solution tuanphan Posted March 24, 2021 Solution Posted March 24, 2021 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; } } 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!)
Anat13 Posted March 26, 2021 Author Posted March 26, 2021 On 3/19/2021 at 10:28 PM, creedon said: Nothing inherently wrong with negative margins. If it works. It works! 🙂 Thank you! 🙂
Anat13 Posted March 26, 2021 Author Posted March 26, 2021 (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; } } 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 March 26, 2021 by Anat13 tuanphan 1
Guest Posted July 4, 2023 Posted July 4, 2023 (edited) Hi there, what would you do if you want to apply that to several blocks? Do you use "footer {" for each block? Edited July 4, 2023 by WorkplaceConsultant text edit
creedon Posted July 4, 2023 Posted July 4, 2023 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; } tuanphan 1 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.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment