Reducing padding

Site URL: https://coral-bear-fmm5.squarespace.com/

Dear Forum members,

Can anyone recommend some code for reducing white padding between a text and top of an image in a gallery? Eg we'd love to have less space between the words 'wellbeing.. ' and the top of the image.. Thank you.

1 hour ago, AC101 said:

Site URL: https://coral-bear-fmm5.squarespace.com/

Dear Forum members,

Can anyone recommend some code for reducing white padding between a text and top of an image in a gallery? Eg we'd love to have less space between the words 'wellbeing.. ' and the top of the image.. Thank you.

 

What is your protected password?

Hi there thank you for your help. I feel a bit worried about posting the password here. Can you recommend html to solve the problem, or could I message you direct? Thank you!

On 1/6/2022 at 11:09 PM, AC101 said:

Hi there thank you for your help. I feel a bit worried about posting the password here. Can you recommend html to solve the problem, or could I message you direct? Thank you!

You can share access password, not login account password.

hi @tuanphanand @bangank36. The password is london (lower case). 

I have gone through your suggestions on other posts on how to reduce padding and tried it on this site, but with no success. If you have a minute, I would love it if you could help. Ideally I'd like to reduce the padding between the headline text and the gallery on homepage, and also beneath it between the gallery and the footer. Thank you so much. https://coral-bear-fmm5.squarespace.com/

@AC101 Try adding to Design > Custom CSS

.gallery-slideshow {
    padding: 0px;
}

Hi @tuanphan I've tried this and it reduces the padding a tiny bit. Is there a way to reduce it more? 

Also in order to the same between header and first section and also footer and above, what would one need to write?

.header {
    padding: 0px;
}

and

.footer {
    padding: 0px;
}

On 1/14/2022 at 12:48 AM, AC101 said:

Hi @tuanphan I've tried this and it reduces the padding a tiny bit. Is there a way to reduce it more? 

Also in order to the same between header and first section and also footer and above, what would one need to write?

.header {
    padding: 0px;
}

and

.footer {
    padding: 0px;
}

Try adding to Home > Design > Custom Css

#block-9b686b0ede26bdcb79c1 {
  padding-bottom: 0 !important
}
.header-announcement-bar-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.header-display-desktop .header-title-logo img {
  max-height: 130px;
}

Let me know how it works on your site

On 1/15/2022 at 2:21 PM, bangank36 said:

Try adding to Home > Design > Custom Css

#block-9b686b0ede26bdcb79c1 {
  padding-bottom: 0 !important
}
.header-announcement-bar-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.header-display-desktop .header-title-logo img {
  max-height: 130px;
}

Let me know how it works on your site

Hi @bangank36 Thanks so much for your suggestion. That worked to bring up that first bit of writing higher. Sorry for my delay. There is a lot of covid in London at the moment... Do you have a snazzy trick or suggestion to reduce the padding between the slideshow on homepage and the logos? Thanks so much. Super helpful.

ps the password is leap

1 hour ago, AC101 said:

ps the password is leap

Is it what you mean?

Try the following code

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

section[data-section-id="619d009c7088825ca1008cf3"] .gallery-slideshow {
  margin-bottom: 50px !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Wow that totally worked you are a hero!! Thank you so much. That's super helpful.!!!