Need help removeing extra space between header and paragraph

Site URL: https://green-lobster-ggnk.squarespace.com/

https://green-lobster-ggnk.squarespace.com/
Site Acess code is 1234

I need to reduce the space between header 3, and paragrph across the site. (See example image)

Setting the h3 verticale spacing lower makes it look bad when there are 2 lines that are h3. 

I want to reduce the sapcing JUST when there is a paragraph below it, I've tried everythign I could find online! 

Any help is really appreciated,

Thanks,

Justin

8 minutes ago, justin.b.callaghan said:

Site URL: https://green-lobster-ggnk.squarespace.com/

https://green-lobster-ggnk.squarespace.com/
Site Acess code is 1234

I need to reduce the space between header 3, and paragrph across the site. (See example image)

Setting the h3 verticale spacing lower makes it look bad when there are 2 lines that are h3. 

I want to reduce the sapcing JUST when there is a paragraph below it, I've tried everythign I could find online! 

 

Any help is really appreciated,

Thanks,

Justin

The space you showed is not between heading 3 and paragraph, it's the image title and subtitle space.

So use this to get rid of it

.sqs-block-image .design-layout-stack .image-card-wrapper .image-subtitle-wrapper div.image-subtitle.sqs-dynamic-text {
  margin-top: 0;
}

Thank you! 

That got rid of the space! 

Is it possible to tweak the space, anything other than 0 in the spaces it back to the default.

Not very versed in css, so appologies for silly questions. 

On 4/7/2021 at 8:47 AM, bangank36 said:

The space you showed is not between heading 3 and paragraph, it's the image title and subtitle space.

So use this to get rid of it

.sqs-block-image .design-layout-stack .image-card-wrapper .image-subtitle-wrapper div.image-subtitle.sqs-dynamic-text {
  margin-top: 0;
}

Hello, I tried this code but it doesn't seem to work, I'm guessing since its a poster image? I am trying to align the text in the center and reduce the space between the title and subtitle. If you could kindly help. Thank you!

On 2/18/2022 at 10:40 PM, Tami21 said:

Hello, I tried this code but it doesn't seem to work, I'm guessing since its a poster image? I am trying to align the text in the center and reduce the space between the title and subtitle. If you could kindly help. Thank you!

Can you share link to page where you have problem? We can help easier

1 hour ago, tuanphan said:

Can you share link to page where you have problem? We can help easier

Link: https://bassoon-tomato-7pzf.squarespace.com

41 minutes ago, Tami21 said:

Link: https://bassoon-tomato-7pzf.squarespace.com

Password: hello22

Try adding to Home > Design > Custom Css

section[data-section-id="61e10fec1cefee1fa802b600"] .image-subtitle-wrapper .image-subtitle {
  margin-top: 0 !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

23 minutes ago, bangank36 said:

Try adding to Home > Design > Custom Css

section[data-section-id="61e10fec1cefee1fa802b600"] .image-subtitle-wrapper .image-subtitle {
  margin-top: 0 !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Hello, Thank you for providing me with the code however I tried applying it to the block -

#block-yui_3_17_2_1_1645073083194_4735 .image-subtitle-wrapper .image-subtitle {
  margin-top: 0 !important;
}

The only issue is that the heading still seems to be aligned to the right and is not centered. Image below for reference. Thank you once again!

Can you share the direct link to this page? I can not find it in Home Page

On 2/18/2022 at 9:10 PM, Tami21 said:

Hello, I tried this code but it doesn't seem to work, I'm guessing since its a poster image? I am trying to align the text in the center and reduce the space between the title and subtitle. If you could kindly help. Thank you!

this is the link - https://bassoon-tomato-7pzf.squarespace.com/accessories-spa

On 2/21/2022 at 11:35 PM, Tami21 said:

this is the link - https://bassoon-tomato-7pzf.squarespace.com/accessories-spa

It looks like you figured i out?

5 hours ago, tuanphan said:

It looks like you figured i out?

Hello! The above code worked partly, unfortunately the header is still not centered.

Try

#block-yui_3_17_2_1_1645073083194_4735 .image-title h3 {
  display: block;
}

11 hours ago, bangank36 said:

Try

#block-yui_3_17_2_1_1645073083194_4735 .image-title h3 {
  display: block;
}

 

Perfect! Thank you so much. Lastly, would you be able to tell me how the image can fit well on the mobile version. The sunglasses are a bit zoomed in when viewing it on mobile. Thanks again, appreciate it 🙂