Make preview box wider

Hello,
NB to Obsidian, 2 week and love every part of it. I was wondering how can I

  1. Make the note preview wider
  2. show the highlighted text with a bigger font and in the middle.
    I have over 16k such notes. Thank you for your help.

There are some custom properties/variables you can use to change the popover size:

  --popover-width: 450px;
  --popover-height: 400px;
  --popover-max-height: 95vh;
  --popover-pdf-width: 450px;
  --popover-pdf-height: 400px;
  --popover-font-size: var(--font-text-size);

So, for example, a CSS snippet of:

body {
  --popover-width: 650px;
  --popover-height: 600px;
}

will give you a bit more breathing room in the Page preview popover.

1 Like

For your second item, it that a heading in the original note? If so, what’s the source markdown look like, the heading level, and so on? e.g.

# Table

| First Header                | Second Header                |
| --------------------------- | ---------------------------- |
| Content from cell 1         | Content from cell 2          |

For example, using this:

.hover-popover h1 {
    text-align: center;
    font-size: 2em;
}

we can center and change the h1 heading size in Page preview popups.