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. 
Or send to forum message

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

Add to Home > Design > custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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. 
Or send to forum message

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...