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:
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
Question
RoxyL 0
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!
added info
Link to post
Top Posters For This Question
12
4
3
2
Popular Days
Mar 26
5
Nov 17
4
Jul 23
2
Jun 11
2
Top Posters For This Question
tuanphan 12 posts
RoxyL 4 posts
bdk.nyc 3 posts
StudioRhodes 2 posts
Popular Days
Mar 26 2020
5 posts
Nov 17 2020
4 posts
Jul 23 2020
2 posts
Jun 11 2020
2 posts
Popular Posts
tuanphan
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
ysdm
hi, was able to fix this by changing background color to transparent for all color ways (even dark/accent/black etc.)
Posted Images
27 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment