Reading mode blank line paragraph

[Student0150]

Hello,

I use Obsidian for University purposes for about 2 weeks and sometimes its driving me a bi crazy… maybe you can help - I would be very thankful. I use the minimal theme and I am trying the following (please bear in mind, that i might use the wrong terms - sorry for that - english isnt my first language):

• Hitting enter twice after a paragraph gives me a visual space between the paragraph in preview mode
  

  

• Hitting enter twice though, doesnt give me more space in preview mode. Is there any way to fix that?

• Moreover, if I hit enter twice inbetween bullet points because I want to separate them, I do not get any space in preview mode. Why not?
  

  
  
  
  

I already searched the forum and found a few css snippets, but for some reason they dont work for me. I am able to turn them on in the settings but they dont seem to work.
Unfortunately, I have no idea of css et cetera and I am quite lost…

I would be very grateful for any help!

[ariehen]

This is how HTML works. When you switch to reading view, the white space is collapsed.

CSS is the answer here, but as you are using the Minimal theme, you have some typography options in Minimal Theme Settings (a plugin). See here:

Change paragraph size both editor and reading mode

Depending on the theme you use, there may be options in their settings or specific CSS that’s needed (the CSS Tanto_Monta posted above is usually fine). Using the Minimal theme, it’s easy! → Install the Minimal Theme Settings (if you haven’t yet) and change the “Normal line width” here (mine is set to 42). This will change editing and reading modes with no CSS necessary. [Screenshot 2023-05-02 at 4.52.14]

In Style Settings (also a plugin), Minimal has an option to change the paragraph spacing under Minimal > Text → Paragraph spacing.

If playing with these settings doesn’t produce the results you want, then you will need to use a CSS snippet(s).

[Student0150]

thanks for the speedy reply! Tried the options you mentioned, unfortunately doesnt solve my problem.

I tried to work with .css but it doesnt appear to do anything. Am I doing it wrong?
Thats my css snippet and I have to option to turn it on in the settings, but it changes nothing?

[Student0150]

I think my biggest problem are the bullet points.

A blank line inbetween bullet points is not shown in the reading view.

Is there any way to fix that?

[ariehen]

Again, this is how HTML works. See: programming languages - Why does HTML collapse whitespace? - Software Engineering Stack Exchange

You can force a line break by using a <br> between the bullets where you want one, but I don’t think this will be your desired outcome for live preview mode.

Using this snippet to control the <br> size in reading view:

.markdown-preview-view br {
    content: '';
    display: block;
    margin-top: 15px;
}

And writing in your note:

- one
- two
<br>
- three

source mode:

live preview:

reading view:

[Student0150]

thanks for the help!

What also works quite well is a single space and then #.
Creates an empy line in reading view and doesnt really distract in editing view.