Change the size of the preview popup

Hi everyone, i’m reopening these discussions: CSS to change the size of the preview popup? and Preview popup size changed in css but content does not fill the new size, since the proposed solutions don’t work, at least not anymore on the new versions.

I tryed different approaches, and there are no problems on adjusting the width, but i can’t manage to get a window height bigger then 250px, am i missing out something? Any suggestion?

A plugin named hover editor is just what you need.
nothingislost/obsidian-hover-editor: Transform the Page Preview hover into a working editor instance (

1 Like


.theme-light, .theme-dark {
    --popover-width: 650px;
    --popover-height: 600px;

with varying values - does that help?


Nice! This is even better of what i was looking for, thank you!

This is what is working nicely for me.
the only issue I still have is that transclusions in popups don’t work properly (height too big)
To be honest: I can’t tell exactly what each statement is for, I just collected a bunch of suggestions and found this working:

/============bigger link popup preview ================/ {
position: absolute;
z-index: var(–layer-popover);
transform: scale(0.9); /* makes the content smaller /
max-width:40vw; */
overflow: hidden;
padding: 0px 0px 0px 0px;

/* nice shadow */ {
border: 1px solid darkgrey;
box-shadow: 6px 6px 7px #50535C;
border-radius: 5px;

/* Größe des inneren scrollbaren Bereichs */
.popover.hover-popover .markdown-embed {
height: 600px;

/* Link zum Öffnen der Notitz rechts oben */
.popover .markdown-embed-link{display:block;}
.file-embed-link svg,.markdown-embed-link svg{width:24px;height:24px;opacity:1.0;}

/* Größe der embedded Notes /
.markdown-preview-view {
min-height: none;
max-height: 600px; muss gleich sein wie der scrollbare Bereich! */

1 Like

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