Reduce Footer Padding

Add to Home > Design > Custom CSS

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

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.

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...

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

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;
}

Great, thank you! Very helpful.

Hi!

Would you please help with reducing the footer on this site, it's 7.0

1 hour ago, sophieoc said:

Hi!

 

Would you please help with reducing the footer on this site, it's 7.0

Can you share link to your site? We can check easier.

@tuanphan

I have tried using your code above with the block ID for my site to remove the white space above the Insta feed but it doesn't seem to be working. I am currently using div#block-yui_3_17_2_1_1590766319551_24557 {
    padding-bottom: 0;
    padding-top: 0;
}

This removes bottom spacing but not top.

Any ideas greatly appreciated.

Thanks,

A

On 6/19/2020 at 7:00 PM, AvrilAnderson said:

@tuanphan

I have tried using your code above with the block ID for my site to remove the white space above the Insta feed but it doesn't seem to be working. I am currently using div#block-yui_3_17_2_1_1590766319551_24557 {
    padding-bottom: 0;
    padding-top: 0;
}

This removes bottom spacing but not top.

Any ideas greatly appreciated.

Thanks,

 

Each case needs different code. Can you share link to your site? I can check easier.

@tuanphan Hello I would also like the padding in my footer to be much smaller. Can you please provide me with the block ID?

Link: studiorhodes.net

Password: services

2 hours ago, StudioRhodes said:

@tuanphan Hello I would also like the padding in my footer to be much smaller. Can you please provide me with the block ID?

 

Link: studiorhodes.net

Password: services

Add to Home > Design > Custom CSS

footer.sections {
section {
    min-height: unset !important;
}
section .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

@tuanphan Amazing thank you!

Hello, I tried to reduce my footer by using this code but it caused blank space to appear as if there is not enough page for the website.  Any suggestions on how to reduce the footer but remove the blank space as well?  

My site URL is https://re-shft-sample-site.squarespace.com

Password: view

footer.sections {
section {
    min-height: unset !important;
}
section .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

On 9/2/2020 at 10:14 PM, re-shftstudios said:

Hello, I tried to reduce my footer by using this code but it caused blank space to appear as if there is not enough page for the website.  Any suggestions on how to reduce the footer but remove the blank space as well?  

 

My site URL is https://re-shft-sample-site.squarespace.com

Password: view

footer.sctions {
section {
    min-height: unset !important;
}
section .content-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

Do you still need help on this? If yes, can you take screenshot the padding? WE can check easier.

I am running into  similar problem with my site. The footer section is way too large and I have no idea how to reduce it. comiccubes.com I’m using the Bedford template.

On 9/23/2020 at 1:41 AM, LayneD said:

I am running into  similar problem with my site. The footer section is way too large and I have no idea how to reduce it. comiccubes.com I’m using the Bedford template.

Add to Home > Design > Custom CSS

div#footerBlocks {
    margin-top: 0 !important;
}
.footer-inner {
    padding: 10px !important;
}

On 9/23/2020 at 6:37 PM, tuanphan said:

Add to Home > Design > Custom CSS

div#footerBlocks {
    margin-top: 0 !important;
}
.footer-inner {
    padding: 10px !important;
}

 

That worked perfectly. Thank you!