Jump to content
Go to solution Solved by Jia,

Recommended Posts

Site URL: https://lifelab.world/landing-page-sample-1

Hello Squarespace experts!

I am in need of help in doing a full width summary carousel block. I need to remove to the extra space on top and bottom. Please see picture below

92526674_Summaryitemfullwidthrequest.thumb.png.fb1e3f21bd2b102f405f52382be9afc4.png

 

I have made the codes but it doesn't seem to work for me. I tried these

section[data-section-id="6239c51561fe2a1158583990"] .content-wrapper {
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

AND

#block-yui_3_17_2_1_1648549152222_22108 .content-wrapper {
  max-width: 92%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
 

May I please ask for help in fixing the code? thank you!

Link to comment
  • Solution
54 minutes ago, Naomi-lifelab said:

Site URL: https://lifelab.world/landing-page-sample-1

Hello Squarespace experts!

I am in need of help in doing a full width summary carousel block. I need to remove to the extra space on top and bottom. Please see picture below

92526674_Summaryitemfullwidthrequest.thumb.png.fb1e3f21bd2b102f405f52382be9afc4.png

 

I have made the codes but it doesn't seem to work for me. I tried these

section[data-section-id="6239c51561fe2a1158583990"] .content-wrapper {
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

AND

#block-yui_3_17_2_1_1648549152222_22108 .content-wrapper {
  max-width: 92%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
 

May I please ask for help in fixing the code? thank you!

Hi, it appears there's a minimum height set for the section. Try adding this code:

.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page {
  min-height:0px;
}

And if you'd like to remove the additional padding, add this:

.tweak-index-page-fullscreen-first-page-only .Index-page:first-child .Index-page-content, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image .Index-page-content {
  padding-top:0px !important;
  padding-bottom:0px !important;
}

Let me know how it goes 🙂 

Please give this a 👍 if it helps

Link to comment
13 hours ago, Jia said:

Hi, it appears there's a minimum height set for the section. Try adding this code:

.tweak-index-page-fullscreen-first-page-only .Index-page:first-child, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image, .tweak-index-page-fullscreen-all-pages .Index-page {
  min-height:0px;
}

And if you'd like to remove the additional padding, add this:

.tweak-index-page-fullscreen-first-page-only .Index-page:first-child .Index-page-content, .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image .Index-page-content {
  padding-top:0px !important;
  padding-bottom:0px !important;
}

Let me know how it goes 🙂 

It totally works! Thank you so much @Jia 🙏

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.