Size of preview page too big where to edit?

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?

  1. 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;
  1. Save the file as *.css file (e.g. myfirstsnippet.css)

  2. In Obsidian, go to Settings > Appearance and in “CSS snippets” click in the folder icon on right side:

  1. Move your previous css file to this “snippets” folder (note: this is a folder inside your vault, only affects that vault).

  2. Return to Settings > Appearance > CSS Snippets and click on refresh icon beside the folder icon.

  3. Now your .css file is listed below and you need to turn it on.


  1. And that’s it.

This works, thank you!

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