How can I adjust the height of a Section?

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/

Hello,

Is possible to reduce the height of the black section (as attached), even further than the Squarespace settings, with the lowest being set at 10?

I want the black bar height to be further reduced as attached, and with the text content more central with equal top and bottom padding.

My working page is here: https://bluebird-porcupine-yzdg.squarespace.com/

PWord = squarespace

Many thanks,

Best,

Faiz

Thank you SO much Tuanphan it looks awesome! LOVE the fix!

Best,

Faiz

Hi @tuanphan

I'm having a similar problem with our page in the "Our Story" section.

I can't seem to set the height. I want the height to just be *kindly see attached*

https://nestologystudio.squarespace.com/about

pw: kB39gwHAP

Thank you!

On 3/10/2021 at 12:21 PM, KeraG said:

Hi @tuanphan

I'm having a similar problem with our page in the "Our Story" section.

I can't seem to set the height. I want the height to just be *kindly see attached*

https://nestologystudio.squarespace.com/about

pw: kB39gwHAP

Thank you!

 

Hi. Incorrect password. Do you still need help on this?

I'm having the same problem @tuanphan I used your solution above and replaced the section data ID with the one on my site but it didn't seem to work.

https://apricots-haddock-rkee.squarespace.com/

We're trying to make the white section with the email sign-up as slim as possible.

On 8/28/2021 at 5:43 AM, elabs said:

I'm having the same problem @tuanphan I used your solution above and replaced the section data ID with the one on my site but it didn't seem to work.

 

https://apricots-haddock-rkee.squarespace.com/

 

We're trying to make the white section with the email sign-up as slim as possible.

Hi. Use this code

/* newsletter section */
section#new-page-46>div {
    padding-top: 5px;
    padding-bottom: 5px;
}
section#new-page-55>div {
    padding-top: 0;
}

Can someone help with decreasing the top green strip on this page? I tried above and it didn't seem to work. Trying to make it smaller in width.  https://bird-swan-xfzn.squarespace.com/home2

Password: GreenSugar

On 10/29/2021 at 1:04 AM, dctocali said:

Can someone help with decreasing the top green strip on this page? I tried above and it didn't seem to work. Trying to make it smaller in width.  https://bird-swan-xfzn.squarespace.com/home2

Password: GreenSugar

Where is green strip? You mean header?

Same issue on my page, the section just before the footer is too long and when I use the code:

[data-section-id="617bc2786a8c43188d1602c9"] {
    padding-top: 100px !important;
    padding-bottom: -100px !important;
}

The padding moves on top but nothing happens on the buttom...
Anyone could help me? 🙂

https://preludefilm.squarespace.com/?p
pwd is: youarewelcome

On 11/3/2021 at 10:28 PM, JordanUrgin said:

Same issue on my page, the section just before the footer is too long and when I use the code:

[data-section-id="617bc2786a8c43188d1602c9"] {
    padding-top: 100px !important;
    padding-bottom: -100px !important;
}

The padding moves on top but nothing happens on the buttom...
Anyone could help me? 🙂

https://preludefilm.squarespace.com/?p
pwd is: youarewelcome

Remove your code & try this

[data-section-id="617bc2786a8c43188d1602c9"] {
    min-height: unset !important;
}
[data-section-id="617bc2786a8c43188d1602c9"] .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

On 11/6/2021 at 1:58 AM, tuanphan said:

Remove your code & try this

[data-section-id="617bc2786a8c43188d1602c9"] {
    min-height: unset !important;
}
[data-section-id="617bc2786a8c43188d1602c9"] .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

 

I tried that but it doesn't work sadly. There's still too much space on the bottom and even when entering negative numbers for the padding-bottom, it doesn't get smaller.
Anything else I could do? Thanks!

Hello, 

I am having this same issue with 

tan-hibiscus-phlz.squarespace.com 

I would like to be able to reduce the height in the section with photos in the footer right above the black space (follow me on----)

Can you help with this? I've tried your code solution and it didn't work (I used the correct id for my site). Thank you so much!

14 hours ago, karadia said:

Hello, 

I am having this same issue with 

tan-hibiscus-phlz.squarespace.com 

I would like to be able to reduce the height in the section with photos in the footer right above the black space (follow me on----)

Can you help with this? I've tried your code solution and it didn't work (I used the correct id for my site). Thank you so much!

What is access password?

8 hours ago, tuanphan said:

What is access password?

I sent you a message. Sorry, I thought I disabled this!