Full width summary block in Brine SS7.0

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

 

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 🙂