Helloo, so when I hover, the preview page is too big and what I’ve linked only has so little words so a lot is just empty space.
I’ve looked into other helps pages and they said edit and add:
.popover.hover-popover {
max-height: 400px;
}
I’m new to all this, how and where exactly do I put this?
mnvwvnm
2
- With a plain text editor (
TextEdit in macOS; Notepad in Windows) create a new empty file and insert your ‘code’:
.popover.hover-popover {
max-height: 400px;
}
-
Save the file as *.css file (e.g. myfirstsnippet.css)
-
In Obsidian, go to Settings > Appearance and in “CSS snippets” click in the folder icon on right side:
-
Move your previous css file to this “snippets” folder (note: this is a folder inside your vault, only affects that vault).
-
Return to Settings > Appearance > CSS Snippets and click on refresh icon beside the folder icon.
-
Now your .css file is listed below and you need to turn it on.

- And that’s it.