Can you reduce the padding in a markdown box?

I'm wondering if someone can help me to fix a padding issue.  I have added a markdown box (with a H5 and H6). The text has a large gap between the headings and I'm wondering if there's any way to make the gap smaller? I've checked the Syntax cheat sheet but there's no help for this.

https://khp-landing.squarespace.com/
The site password is 'pa33word'

Thanks in advance :)
Claire.

Add to Home > Design > custom CSS

div#block-yui_3_17_2_1_1580760097902_10107 h5 {
    margin-block-start: 0 !important;
}

I totally missed this reply until now, so sorry!

I've just tried the code but it doesn't work, I wonder if it's because I've made some changes since your reply?

The markdown has 2 styles (H5 and H7), could this be part of the problem?

Thanks so much
Claire.

10 hours ago, Claire_auck said:

I totally missed this reply until now, so sorry!

I've just tried the code but it doesn't work, I wonder if it's because I've made some changes since your reply?

The markdown has 2 styles (H5 and H7), could this be part of the problem?

Thanks so much
Claire.

I don't see Say Hellow now...Can you share link to that?

Hey.
Sorry I've been away, on catch up now.
The landing page website is now live https://www.khp.nz/

I have the issue on the home page banner, here's that's copied into the markdown box
<h4> PROPERTY CONSULTANT & PROJECT MANAGER</h4>
<h7>Manawatū-Whanganui Region <h/7>

I played around with the block id and H tag, it removes the gap above the first title but not between the first and second title. I don't understand code enough to correct this and I'm sure it'll be a silly mistake and an expert like you will know 😉

Hi @tuanphan

Do you know if there is a CSS rule that reduces the height (above and below) all markdown blocks sitewide? It's a re-occurring problem that drives me nuts. 

Cheers
Claire.

4 hours ago, Claire_auck said:

Hi @tuanphan

Do you know if there is a CSS rule that reduces the height (above and below) all markdown blocks sitewide? It's a re-occurring problem that drives me nuts. 

Cheers
Claire.

 

.markdown-block {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

25 minutes ago, tuanphan said:

.markdown-block {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

 

Brilliant....thank you so so so much, you are amazing!!!!

I'm having the same problem, but putting the CSS in doesn't seem to fix it. (Maybe it's because I'm using SS 7.1?)

I've made a special page to highlight this — both sections are using H1, and are vertically-center-aligned:

scienceisweird.com/markdown-padding

Any notions? Much thanks if you do!

On 4/28/2020 at 6:29 PM, brandonhendrickson said:

I'm having the same problem, but putting the CSS in doesn't seem to fix it. (Maybe it's because I'm using SS 7.1?)

I've made a special page to highlight this — both sections are using H1, and are vertically-center-aligned:

scienceisweird.com/markdown-padding

Any notions? Much thanks if you do!

I know this is old but just in case this is helpful to anyone in the future, I reduced the space beneath the markdown block by also adjusting the margin (also using SS 7.1):

.markdown-block {
    margin-bottom: -20px !important;
    padding-bottom: 0px !important;
}

Thanks to tuanphan for your answer, which helped me arrive at this fix!