Jump to content

Decreasing Section Padding Squarespace 7.1

Go to solution Solved by tuanphan,

Recommended Posts

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!)

Link to comment
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!)

Link to comment
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!)

Link to comment

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

Link to comment
15 hours ago, rywess said:

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

Password is: test

Try adding to Home > Design > Custom CSS

[data-section-id="5f04d975f0c05b44f5ad5b51"] {
    padding-top: 1px !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!)

Link to comment
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

Link to comment

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
Link to comment

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
Link to comment
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!)

Link to comment
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!)

Link to comment
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!)

Link to comment

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!

 

Link to comment
  • 2 weeks later...
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!)

Link to comment

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.