Reduce Footer Padding

Many thanks, @tuanphan!

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?

https://eversage.squarespace.com/home

2 hours ago, tuanphan said:

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

https://eversage.squarespace.com/home

Thanks for asking! I just haven't gotten around to altering the spacing/margins yet for anything other than desktop, which I usually do near the end.

Hello!

I am totally new to squarespace and coding. I have tried to reduce the height of the footer on my site and it doesn't seem to work. Actually, nothing I enter as CSS seems to work. Any help appreciated!

site: five-seeds.com

password: fiveseedsdemo

On 10/28/2021 at 9:26 PM, laura-eve said:

Hello!

I am totally new to squarespace and coding. I have tried to reduce the height of the footer on my site and it doesn't seem to work. Actually, nothing I enter as CSS seems to work. Any help appreciated!

site: five-seeds.com

password: fiveseedsdemo

Add to Design > Custom CSS

/* Footer height */
footer.sections section {
    min-height: unset !important;
}
footer.sections .content-wrapper {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}
footer.sections .sqs-block {
    padding-bottom: 0px !important;
}
footer.sections .spacer-block div {
    padding: 0 !important;
}

Hi, 

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.

Can anyone please help?

Site URL: http://www.sacredtaxservice.com

password for the page is: 1234

Thanks!

On 12/3/2021 at 11:40 PM, Barbaraarq said:

Hi, 

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.

 

Can anyone please help?

Site URL: http://www.sacredtaxservice.com

password for the page is: 1234

Thanks!

Footer looks fine here. Can you take a screenshot of padding?

Hi. Code for reducing footer height works for all pages but the first one. Any idea why or how to correct this? I am using:

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

Regarding question above, please disregard. I found the problem. There is nothing wrong with the code; it works fine on all pages.

Hi @tuanphan

Thanks for your very helpful messages. I've successfully reduced my header height, but i've tried many different codes you provided to reduce the footer height and it doesnt work. Any idea ? Thanks a lot !

URL : cymaforma.com

pswrd : coucoucymaforma12

On 6/19/2023 at 11:46 PM, cymaforma said:

Hi @tuanphan

Thanks for your very helpful messages. I've successfully reduced my header height, but i've tried many different codes you provided to reduce the footer height and it doesnt work. Any idea ? Thanks a lot !

URL : cymaforma.com

pswrd : coucoucymaforma12

Use this code

footer.sections section {
    min-height: Unset !important;
}
footer.sections .fluid-engine {
    grid-template-rows: repeat(1,minmax(1px, auto)) !important;
}

7 hours ago, tuanphan said:

Use this code

footer.sections section {
    min-height: Unset !important;
}
footer.sections .fluid-engine {
    grid-template-rows: repeat(1,minmax(1px, auto)) !important;
}

that's perfect, thanks a lot

I'm a trying to reduce the height of my footer and none of the above works?

https://www.rooftopbar.co/

I want to remove all the space above my content and just have a very tight footer section like this. 

21 hours ago, LillianC said:

I'm a trying to reduce the height of my footer and none of the above works?

https://www.rooftopbar.co/

I want to remove all the space above my content and just have a very tight footer section like this. 

 

Add to Design > Custom CSS

/* Footer height */
.fe-64788e296642ef5fd7597979 {
    grid-template-rows: repeat(5,minmax(0,1fr)) !Important;
}

I have tried this and get this error:

Is there a way that I can 

1. Reduce height of footer on desktop

2. REduce height of footer on mobile and have elements stacked closer together? They are very far apart from each other on mobile.

On 7/10/2023 at 9:55 AM, LillianC said:

I have tried this and get this error:

 

Can you send all current code? We can check syntax error easier