How to minimize the space above headers

[lclarke522]

Hi! I’m using the following snippet in an effort to shrink the space above the headers in the editing mode, but it’s not working:

.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5,
.cm-header-6 
{
	padding-top: 0px;
}

I’ve also tried margin-top and I’ve tried adding !important but nothing works. Is there some other thing I can try? I’m not sure where the space is coming from, so I don’t know how to minimize it.

Thanks!

[ariehen]

Give this a try if you’re on Obsidian v1.3.7+

.is-live-preview .cm-content > .HyperMD-header {
    --p-spacing: 0px;
}

---

Obsidian CSS Quick Guide

Obsidian CSS Quick Guide Hi friends! CSS in Obsidian can be confusing to get into, so this is a guide to get you started with information on the tools, methods, and some background knowledge! Let’s get started by looking at how you can look behind the curtain of Obsidian’s visuals. The Developer Console Obsidian is technically like a website. As such, you can view the source like any other browser. While you are inside the Obsidian window, you can press ctrl+shift+i to bring up the develope…

[lclarke522]

That worked! Thank you. And I’ll read over that link you included, in case I want to change anything else

[lclarke522]

I’ve only read the first screenful of info on that link you included, and already it’s exactly what I needed. I was looking for something like a browser “inspect” and didn’t know where to find it. Developer console!

Thanks again.