Can't get custom CSS to work

[adrienneteicher]

Okay, I kept digging and it is possible. Apparently the reason why it wasn’t working with my css snippet was that obsidian moved from CM5 to CM6.

Here is the solution that works for me.

1. Go to Settings / Appearance / CSS Snippets.
2. Click on the folder icon.
3. In the folder that opens create a file with a .css ending and paste the following (it’s best to use a code editor like Brackets):

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

.markdown-source-view :is(.cm-line + .cm-line) {
   padding-top: 1em;
}

I found the answers here:

Meta Post - Common CSS Hacks

I think preview mode follows the normal code rules and is selected with .markdown-preview-view code. This is what I use for the editor: /* Inline code in the editor */ .cm-s-obsidian span.cm-inline-code, .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) { color: RED ;background-color: BLUE; } Change RED and BLUE to suit.

Increase space between paragraphs

I believe the .CodeMirror-line selector was when Obsidian uses CM5 (now it uses CM6). You should be using .cm-line instead. However, note that you might want to test how it looks like when you have a more diverse note with bullets, headers (and perhaps callout?) to see how it behaves. Anyway, here’s an example that I think should work (unless u have a theme that somehow have higher specificity – if so than you can just add that !important but I highly advise against it) I use css combinator + …