Question: How get same spacing under headings in Editing and reading mode

I would like to have my editing view look more like my reading view. For me, that means more spacing under headings in Editing mode.
I’ve searched through the forum and found more posts that try to address this. Maybe it’s my skills or things that changed after 0.16 but I don’t seem to be able to change anything regarding spacing.

Does anyone know how to add spacing under headings in the Editing (live Preview) view?

This is how my Editing view looks like:

And I would like it to look a bit more like this

It doesn’t need to be the same, just need to find a way to add more space under headings. Thanks a lot!

There’s a guide to style changes in the new version. It’s aimed at theme developers but might help?

1 Like

Try this for heading level 1 and a CSS snippet

.HyperMD-header-1 {
padding-bottom: 20px !Important;

1 Like

Thanks, the guide is also very useful!
I also posted on Discord and there I got the following code.

.markdown-source-view.mod-cm6 .HyperMD-header { 
	padding-bottom: 20px; 

I’ll probably use em values in the end to make them relative.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.