Decreasing Section Padding Squarespace 7.1

Another padding issue.

I'd like my mobile view to display the same amount of spacing around the slideshow as my desktop view.  Not sure why ANYone would want such a silly looking gap on mobile...

Site: https://koala-bat-jglh.squarespace.com/

PW: twoelk71

See screenshots of desktop vs mobile.  Highlighted the gap.

Thanks for any help!

On 2/23/2021 at 4:54 AM, StarrTech said:

Another padding issue.

I'd like my mobile view to display the same amount of spacing around the slideshow as my desktop view.  Not sure why ANYone would want such a silly looking gap on mobile...

Site: https://koala-bat-jglh.squarespace.com/

PW: twoelk71

See screenshots of desktop vs mobile.  Highlighted the gap.

Thanks for any help!

Add to Design > Custom CSS

/* remove gallery padding mobile */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 35vh !important;
}
}

After trying so many things it's come to asking for help - THE cardinal sin of a Man's Ego. Oh well.

Still have tons of space above and below gallery images - the slideshow is great, just want to control/minimize the white space.

Thanks your help.

Jordan

http://EkoCrate.com
12345

@EkoCrateJordan

Add the following to Page Settings > Advanced > Page Header Code Injection for the page with the gallery on it.

<style>

  .gallery-slideshow {
  
    height : calc( 15vh + 22vw ) !important;
    padding-bottom : 0;
    padding-top : 0;
    
    }
    
  </style>

This is for v7.1 and specific to the poster's need.

Let us know how it goes.

Not working with suggested code. I did have success with this though (currently on http://ekocrate.com):

<style>
  .gallery-slideshow {
    padding-top: 0vh !important;
}
</style>

Still too much space on the bottom, any suggestions? When I inserted this it broke (currently on http://ekocrate.com/home-2):

<style>
  .gallery-slideshow {
    padding-top: 0vh !important;
    padding-bottom: 0vh !important;
}
</style>

Thanks, Jordan

http://EkoCrate.com
12345

@EkoCrateJordan

I updated my code.

Thank you Creedon, updated code worked.

Much appreciated!

@tuanphan I am trying to get rid of the 30.8 pixel padding on between my image and the "Contact Us" text on the following page "https://deatonguideservice.com/contact".

I have tried the following code in the page header code injection with no luck:

[data-section-id="60a29841a6ff1a19855c92b4"].content-wrapper{
    padding-top: 0px !important;
  }

any help would be greatly appreciated

3 hours ago, tuckerd said:

I am trying to get rid of the 30.8 pixel padding on between my image and the "Contact Us" text

It appears to be working to me.

Your code turned off.

Your code turned on.

@tuanphan is there some css to reduce text block spacing site wide?

5 hours ago, SouthernSunEvents said:

@tuanphan is there some css to reduce text block spacing site wide?

Add to Design > Custom CSS

/* Text block padding */
.html-block {
	padding: 5px !important;
}

11 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Text block padding */
.html-block {
	padding: 5px !important;
}

 

No luck with this one. I tried reducing the px and it only adjusts the sides a bit

13 hours ago, SouthernSunEvents said:

No luck with this one. I tried reducing the px and it only adjusts the sides a bit

Can you share link to page where you want to reduce text block?

On 6/16/2021 at 4:06 AM, tuanphan said:

Can you share link to page where you want to reduce text block?

Looking to do this sitewide. Is that even possible?

http://www.southernsunevents.com

PW: sse2020

2 hours ago, SouthernSunEvents said:

Looking to do this sitewide. Is that even possible?

http://www.southernsunevents.com

PW: sse2020

Use this

.html-block {
	padding: 1px !important;
	margin: -10px !important;
}

6 hours ago, tuanphan said:

Use this

.html-block {
	padding: 1px !important;
	margin: -10px !important;
}

 

Thanks for sending this. I've been messing around with this one but it just sort of knocks everything to the left and doesn't cut any padding between text blocks.

I can't get my section padding to budge with any of the code. Waaay too much space between them - I find these Sections to just not be flexible enough for practical use. The whole reason I'm doing it is because I can't add a separate title and subtitle before the sections themselves. 

On 8/6/2021 at 10:20 PM, tina2 said:

I can't get my section padding to budge with any of the code. Waaay too much space between them - I find these Sections to just not be flexible enough for practical use. The whole reason I'm doing it is because I can't add a separate title and subtitle before the sections themselves. 

Do you need help? Can you share page url?

Ive tried a fair few different CSS codes but nothing seems to be taking. I need to reduce the vertical padding of the section and the header. https://www.sdvirtual.live/mycoconnect-testing password testing. Much appreciated

On 8/25/2021 at 7:17 PM, JTHI said:

Ive tried a fair few different CSS codes but nothing seems to be taking. I need to reduce the vertical padding of the section and the header. https://www.sdvirtual.live/mycoconnect-testing password testing. Much appreciated

 

Hi,

Can you take a screenshot of section padding? I see it is fine here, on mycoconnect testing page

On 4/10/2020 at 9:14 AM, tuanphan said:

[data-section-id="5e8f4059a780b645bb8468ac"] {
    min-height: 10vh !important;
}
[data-section-id="5e8f4059a780b645bb8468ac"] .content-wrapper {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

 

@tuanphan Thank you, I just implemented this code with success on a (not yet live) site I'm working on with a row of three images across the page that abut the footer. In my case I'm looking for 0px of padding around all 4 sides and it appears to be working. Only thing is, the white padding still appears around the images in mobile (when they become single-column). Any ideas? Screenshots of desktop vs. mobile attached, not sure if these are helpful. 

9 hours ago, broadcreatives said:

@tuanphan Thank you, I just implemented this code with success on a (not yet live) site I'm working on with a row of three images across the page that abut the footer. In my case I'm looking for 0px of padding around all 4 sides and it appears to be working. Only thing is, the white padding still appears around the images in mobile (when they become single-column). Any ideas? Screenshots of desktop vs. mobile attached, not sure if these are helpful. 

Can you share link to page in screenshot? We can check easier

If your site is private/trial, you can setup password then share url

I've tried to follow some of the code options here but I am having a hard time finding a solution to my image padding issue. I would like to have no padding for the section in yellow, bringing the graphic on the right to the bottom of that section with no bg color at the bottom. Any ideas?

www.thedailyassist.com
password: thedailyass

@tuanphan  do you know the code to change the padding on a scheduling block? it seems to add a lot of blank space at the bottom. 

On 9/8/2021 at 10:53 AM, makeithumme said:

I've tried to follow some of the code options here but I am having a hard time finding a solution to my image padding issue. I would like to have no padding for the section in yellow, bringing the graphic on the right to the bottom of that section with no bg color at the bottom. Any ideas?

www.thedailyassist.com
password: thedailyass

Hi,

Where is yellow section?

19 hours ago, Kaiyo said:

@tuanphan  do you know the code to change the padding on a scheduling block? it seems to add a lot of blank space at the bottom. 

Can you share link to page where you added scheduling block?