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

Reduce Footer Padding



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 {


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
Link to post
  • Answers 27
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

hi, was able to fix this by changing background color to transparent for all color ways (even dark/accent/black etc.)

Posted Images

Recommended Posts

  • 0
41 minutes ago, bdk.nyc said:

Many thanks, @tuanphan!

I see some text section on mobile/tablet a bit narrow. Do you want to increase width?


Link to post

Create an account or sign in to comment

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

  • Create New...