Remove white space from the top of notes in reading view

Custom CSS & Theme Design
1

I’m trying to remove the white space at the top of all my notes. I have accomplished this by snagging a snippet from someone else that affects live preview and editing mode, but not reading mode. The working snippet is:
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller {
padding: 0px 0px 0px 0px;
}

What I have so far for the reading view is:
.markdown-rendered {
padding: 0px 0px 0px 0px;
}

Unfortunately, all this does is remove the left padding and no matter which value I alter, the result is the padding returning to normal. I’m aware that this is a default setting in the Minimal theme but I use the CyberGlow theme and have no intention of switching. I’m only mediocre at cannibalizing code and have rudimentary knowledge of CSS. Any constructive help would be greatly appreciated.

2

You could try this. It gets rid of the inline title if enabled, but maybe that’s fine? Your first snippet for the editor does the same.

body:not(.is-mobile) .workspace-leaf-content[data-type="markdown"] .markdown-preview-view {
    padding-top: 0; /* default is 50px */
}
1 Like
3

That works perfectly. Thank you much.

4

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