How to remove padding and margins for a specific block on Sqaurespace 7.1?

Site URL: https://www.lago.lt/store/p/day-dreaming

Hi,

Been searching for answer for a few hours, unfortunately unsuccessfully. 

How to remove padding and margins for a specific block on Squarespace 7.1? In my case, I want to make additional information section in products page full-width, without any padding or margins.

https://www.lago.lt/store/p/day-dreaming

Password: Slyva1

21 minutes ago, Lago said:

Site URL: https://www.lago.lt/store/p/day-dreaming

Hi,

Been searching for answer for a few hours, unfortunately unsuccessfully. 

How to remove padding and margins for a specific block on Squarespace 7.1? In my case, I want to make additional information section in products page full-width, without any padding or margins.

https://www.lago.lt/store/p/day-dreaming

Password: Slyva1

 

it's actually a section, you can use this tool to get block/section unique id

section[data-section-id="604cd95eccf08c42a6bdbe89"] .content-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
section[data-section-id="604cd95eccf08c42a6bdbe89"] .sqs-layout > .sqs-row {
  margin: 0;
}
#block-8d8109408d01a61d8da5 {
  padding: 0 !important;
}

Squarespace ID Finder - Chrome Web Store (google.com)

Sorry your code doesn't work. The margins just got messed up. 

24 minutes ago, Lago said:

Sorry your code doesn't work. The margins just got messed up. 

that the block shadow, removed it

section[data-section-id="604cd95eccf08c42a6bdbe89"] .content-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
section[data-section-id="604cd95eccf08c42a6bdbe89"] .sqs-layout > .sqs-row {
  margin: 0;
}
#block-8d8109408d01a61d8da5 {
  padding: 0 !important;
}
#block-8d8109408d01a61d8da5  .image-title * {
  box-shadow: none !important;
}

still doesn't work, I want the width of the grey area to be fully across the screen (for example like the footer or the header).

On 3/14/2021 at 9:14 PM, Lago said:

still doesn't work, I want the width of the grey area to be fully across the screen (for example like the footer or the header).

Have you solved it yet?

No, non of the suggested solutions work.

15 hours ago, Lago said:

No, non of the suggested solutions work.

You mean Evelina section?

Hi @tuanphan I'm trying to reduce the padding between my homepage top section main header and the text underneath it can you please ehlp?

https://beige-oleander-mp66.squarespace.com/ password tuansqsp

5 hours ago, Iwan said:

Hi @tuanphan I'm trying to reduce the padding between my homepage top section main header and the text underneath it can you please ehlp?

https://beige-oleander-mp66.squarespace.com/ password tuansqsp

Do you mean reducing this padding?

Hi @bangank36, thanks for your help. No, it's the space between "Be all you came here to be..." and the sentence below it: "Close the gap between..."

14 hours ago, Iwan said:

 thanks for your help. No, it's the space between "Be all you came here to be..." and the sentence below it: "Close the gap between..."

Try adding this CSS

div#block-yui_3_17_2_1_1649250868234_2516 p {
    margin-top: -40px;
}

Excellent this works, thank you!

On 3/23/2021 at 9:06 AM, tuanphan said:

Have you solved it yet?

Is there a way to make the line blocks in the additional info section full width?

On 7/15/2024 at 5:01 AM, nahlah said:

Is there a way to make the line blocks in the additional info section full width?

You can share link to page where you use line block, we can check easier