Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
RoxyL

Reduce Footer Padding

Asked by RoxyL

Question

RoxyL    0

RoxyL
Posted (edited)

Site URL: https://willowandwhitestudio.com/home

I am trying to reduce the padding of my footer using Squarespace 7.1. I have tried various CSS but can't seem to get it working.

I'd like the bottom section below the Instagram section to be about half the height that it currently is.

Can anyone please help?

password for the page is: workinprogress

I have tried using the following CSS and playing around with padding - it seems to work initially, but then once saved, it goes back to the original height.

 

footer#footer-sections {
  padding-top:-100px;
}

 

I also currently have the following code to make my instagram feed full width:

 

//*Full width IG footer*//

#footer-sections section:first-of-type {

  min-height: auto;

}

 

#footer-sections section:first-of-type .content-wrapper {

  padding: 0!important;

  max-width: 100%;

}

 

#footer-sections section:first-of-type .instagram-block {

  padding-bottom: 0!important;

  padding-top: 0!important;

}

 

Not sure if the code is interfering somehow? I'm still learning CSS!

Thank you!

Screenshot 2020-03-24 at 22.28.29.png

Edited by RoxyL
added info

Share this post

Link to post

6 answers to this question

Recommended Posts

  • 0

tuanphan    6,611

tuanphan
Posted

Add to Home > Design > Custom CSS 

div#block-yui_3_17_2_1_1584969760368_21035+.row .spacer-block {
    padding-bottom: 0;
    padding-top: 0;
}

 

COVID-19: Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post

Link to post
  • 0

tuanphan    6,611

tuanphan
Posted
2 minutes ago, RoxyL said:

Thank you so much! How did you find the right selector to use? I use Google Chrome's Block Identifier but couldn't find that block ID.

That block has no ID, you will need to know about the code to use the ID of another block, for the current block...

COVID-19: Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post

Link to post
  • 0

tuanphan    6,611

tuanphan
Posted
3 minutes ago, RoxyL said:

Thanks. How would I go about reducing the spacing between these two sections on the home page so that there is less white space?

 

 

Try adjusting Section Height first.

If it doesnt work, add this code to Home > Design > Custom CSS 

[data-section-id="5e6e48b1a53943154aaf8783"] .content-wrapper {
    padding-bottom: 0 !important;
}
[data-section-id="5e6e4eb88afded74f541fbe2"] .content-wrapper {
    padding-top: 0 !important;
}

 

RoxyL reacted to this

COVID-19: Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post

Link to post

Create an account or sign in to comment

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

Sign Up / Login
Go To Question Listing
×
×
  • Create New...

Support

Community

Developers

Resources