Jump to content

Decreasing Section Padding Squarespace 7.1

Go to solution Solved by tuanphan,

Recommended Posts

Posted
On 6/27/2020 at 11:27 AM, kpyoung said:

Hi, I need help adjusting the height in the section of my page that has "Free Shipping" in it.

I tried the code above and couldn't get it to work.

Here is the link to my page. I'm still in the free trial period, so hopefully this is the correct link. If not, please let me know what you need.  

https://terrier-tetra-hwye.squarespace.com/

Can you share access password?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
2 hours ago, kpyoung said:

Can you help me with this one? My password is 2020.

https://terrier-tetra-hwye.squarespace.com/

I need help adjusting the height in the section of my page that has "Free Shipping" in it.

I tried the code above and couldn't get it to work.

 

Website Expired
This account has expired. If you are the site owner, click below to login.

You can contact Squarespace Customer Care to extend trial. https://support.squarespace.com/hc/en-us/articles/205809808-Extending-your-trial

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

Anyone know how to reduce the height of a Gallery Section? I tried the following but does not seem to work with Gallery Section: 

.page-section {
    min-height: 0 !important;
}
Posted
On 7/8/2020 at 7:47 PM, kpyoung said:

Hi. My access password is 2020.

https://terrier-tetra-hwye.squarespace.com/

I need help adjusting the height in the section of my page that has "Free Shipping" in it.

I tried the code above and couldn't get it to work.

Can you help me with some custom code?

Hi. You mean section has text: FREE SHIPPING ON ALL ORDERS?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

Hi Tuanphan, can you help me decrease the padding between these two sections on my website? I would like the white space to sit flush up against the hero image.

Website - merchantstimulusprogram.com 

TIA!

Capture.PNG

Posted
4 minutes ago, rywess said:

Hi Tuanphan, can you help me decrease the padding between these two sections on my website? I would like the white space to sit flush up against the hero image.

Website - merchantstimulusprogram.com 

TIA!

Capture.PNG

Site url is https://oleander-carillon-mwc3.squarespace.com/

Password is: test

Posted
17 hours ago, tuanphan said:

Try adding to Home > Design > Custom CSS


[data-section-id="5f04d975f0c05b44f5ad5b51"] {
    padding-top: 1px !important;
}

 

That's great! Brought the content up where I need it. Now, is there a way I can bring the white section  background up with it as well?

Thanks in advance!

Ryan

Capture.PNG

Posted
On 7/9/2020 at 11:45 AM, tuanphan said:

Hi. You mean section has text: FREE SHIPPING ON ALL ORDERS?

Yes, that's the section I would like to decrease the padding on. 

Posted (edited)

Hi all, having the same issue here and no luck with the CSS. 

Any chance you can help please @lu.diehl?

I can't work out why the padding seems to be different for every section. I have attached images showing examples of what i'm trying to tweak (and that's just the Homepage!)

URL is fullfill.coach and PW is fullfill 

Please let me know if you need anything else.

Thanks in advance!

Screenshot 2020-07-16 at 10.51.20.png

Screenshot 2020-07-16 at 10.56.19.png

Screenshot 2020-07-16 at 10.58.08.png

Screenshot 2020-07-16 at 11.00.55.png

Screenshot 2020-07-16 at 11.04.41.png

Screenshot 2020-07-16 at 11.13.16.png

Screenshot 2020-07-16 at 11.15.03.png

Screenshot 2020-07-16 at 11.16.02.png

Edited by Adam9
Posted (edited)

Can someone help me reduce the spacing between these 2 sections please (mountain pic & Iverson pic).
Section code for Iverson pic is 5f03faf2f638f1548b5e095d. I've tried doing from what people have posted, but it just moves the writing up/down or makes the section smaller, cropping the picture. Still cant figure out how to have less white space/padding between sections.

spacer.png1992241613_Screenshot2020-07-17at11_48_03.thumb.png.c9697ccee0eecc04cfc599898500ce14.png

wearebigballers.com

pw: lakers

Thanks

Edited by bigkiwi
Posted
On 7/16/2020 at 11:53 AM, kpyoung said:

Yes, that's the section I would like to decrease the padding on. 

Add to Home > Design > Custom CSS

[data-section-id="5eea3c88ad0ffd7e8ba88a2c"] {
& {
    min-height: unset !important;
}
div#block-yui_3_17_2_1_1592409130629_3635 {
    padding-bottom: 0;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 7/17/2020 at 11:52 AM, bigkiwi said:

Can someone help me reduce the spacing between these 2 sections please (mountain pic & Iverson pic).
Section code for Iverson pic is 5f03faf2f638f1548b5e095d. I've tried doing from what people have posted, but it just moves the writing up/down or makes the section smaller, cropping the picture. Still cant figure out how to have less white space/padding between sections.

spacer.png1992241613_Screenshot2020-07-17at11_48_03.thumb.png.c9697ccee0eecc04cfc599898500ce14.png

wearebigballers.com

pw: lakers

Thanks

Add to Home > Design > Custom CSS

[data-section-id="5f03faf2f638f1548b5e095d"] {
    margin-top: -20px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
On 7/16/2020 at 5:24 PM, Adam9 said:

Hi all, having the same issue here and no luck with the CSS. 

Any chance you can help please @lu.diehl?

I can't work out why the padding seems to be different for every section. I have attached images showing examples of what i'm trying to tweak (and that's just the Homepage!)

URL is fullfill.coach and PW is fullfill 

Please let me know if you need anything else.

Thanks in advance!

 

This code for footer. If it works, I will send other items

Add to Home > Design > Custom CSS

footer.sections .content-wrapper {
    padding-bottom: 4vw !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS


[data-section-id="5eea3c88ad0ffd7e8ba88a2c"] {
& {
    min-height: unset !important;
}
div#block-yui_3_17_2_1_1592409130629_3635 {
    padding-bottom: 0;
}
}

 

Thanks so much! 

Posted

Is there general CSS that you can use to remove the space between blocks and sections?

Posted

Hello all,

I hace a similar issue and none of the code I've found has helped me yet. I have a text block in one section that I want to align completely with the bottom of the section, and another text block in the section below it that I want to align to the top, as seen here:

_squarespace.thumb.jpg.753b8896978ca3c2b4169f1978cf6d51.jpg

The site is at: https://prism-chameleon-jrjb.squarespace.com/

Pass is: doggydog

Any help is appreciated, thank you in advance!

 

  • 2 weeks later...
Posted
On 7/23/2020 at 1:55 AM, Vncent said:

Hello all,

I hace a similar issue and none of the code I've found has helped me yet. I have a text block in one section that I want to align completely with the bottom of the section, and another text block in the section below it that I want to align to the top, as seen here:

The site is at: https://prism-chameleon-jrjb.squarespace.com/

Pass is: doggydog

Any help is appreciated, thank you in advance!

 

We can't access your site. Can you check again url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.