Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Can you reduce the padding in a markdown box?


Claire_auck

Question

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.

 

 

Screen Shot 2020-02-17 at 9.12.40 AM.png

Link to comment

9 answers to this question

Recommended Posts

  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

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 😉

Link to comment
  • 0

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!

Edited by brandonhendrickson

Run a test-prep company, and a group where little kids get together to make brunch and talk philosophy. Starting a school.

Link to comment
  • 0
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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...