CSS of Paragraph Spacing in Edit Mode?

Custom CSS & Theme Design
1

What I’m trying to do

Hi, I have a problom and couldn’t solve it by myself:
In edit mode, I really need more space between paragraphs and between ordered lists as well as unordered lists.

I need it in both edit as well as in preview mode, especially edit mode.

I am now using the theme “Minimal 5.2.10” and I am not sure if its related.

Can anybody help me, please?

Things I have tried

Paragraph formatting in editor?
CSS changes for edit mode - Space between line
Further help with line spacing in Edit Mode

None of these worked:

.CodeMirror pre.CodeMirror-line {
  padding-bottom: 15px;
}

.cm-s-obsidian pre.HyperMD-list-line {
  padding-bottom: 0px !important;
}
  
.cm-s-obsidian pre.HyperMD-header{
  padding-bottom: 0px !important;
}

.HyperMD-header.HyperMD-header-1 {
  line-height: 2.5;   /* It works */
}

.cm-s-obsidian .CodeMirror-line {
  padding: 5px 5px;
}
2

I should add that I have Live preview mode turned on, can I adjust the paragraph spacing in this mode?

3

for adjusting the space between paragraphs, you may have a look at of this thread:

4

This is a question for those knowledgeable about themes, and maybe Minimal in particular: I see that the Minimal documentation mentions 2 different plug-ins that can be used to edit its settings, one specific Minimal Theme Settings by kepano and the more generic Style Settings by mgmeyers. Do either of them allow style editing of the type being asked about in this thread?

5

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