Hover popup note gap at the top

This is a bit of a specific question.

Things I have tried

My custom CSS code for the popup window is the following

.popover.hover-popover {
transform:scale(0.9);
width:100vh;
max-height:50vh;
}

.popover.hover-popover .markdown-embed {
height:50vh;
}

.markdown-embed-link {
display: none;
}

I tried including “position” or “z-index” arguments to move the text but it did not work

What I’m trying to do

Now, when i hover over a link, the popup opens as i want. But the note in the popup has a big gap at the top before the headline (see image).

Is there a simple css way to have the text moved up a bit by default or cut the upper part of the note in the popup?

Thank you in advance :slight_smile:

Have tried using the inspector and checking the paddings and margins of the elements?

I solved my own problem. I moved the note up in the popover window with margin-top:-30px

.popover.hover-popover .markdown-embed {
height:40vh;
font-size: 0.85em;
line-height:1.4;
margin-top:-30px;
}

When doing that, the scrollbar had issues so i simply also deleted the scrollbars

body:not(.native-scrollbars) ::-webkit-scrollbar {
width: 0px;
height: 0px;
}

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