CSS help to remove space above heading?

[firasm]

I'm having some trouble formatting my Jupyter RISE slides because there is an unreasonable amount of whitespace above my headings.

I've tried inspecting them in my Safari Web inspector, but not sure what to do with that property. I have a custom css already so I know how to use that...

I'd like to eliminate the orange bit and move the heading up.

Thanks in advance!

[parmentelat]

you're going to want to set e.g. padding-top: 0px; on the outlined element your snapshot confuses me a little because the bottom pane has a div#notebook selected, but obviously the element that you want to set that property on seems to be a h4

so it must be somewhere under div#notebook, and you'll need to dig into that a little more accurately to identify the CSS selector that you will attach the padding-top: 0px; property on

[firasm]

Aha! got it ...

add this to the css file:

div.inner_cell>div.text_cell_render.rendered_html h1 {
    margin-top: 0px;
}