Size of preview page too big where to edit?

[sweatygoldfish]

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]

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;
}

2. Save the file as *.css file (e.g. myfirstsnippet.css)

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

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

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

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

7. And that’s it.

[sweatygoldfish]

This works, thank you!