Is it possible to use CSS to only show the PDF viewer UI on mouse hover?

Help
1

In the docs, you can embed a PDF in a note with:

![[Document.pdf]]

While the above works, it will show a UI toolbar above every embedded PDF document.

300

I mostly only want to show just a single page of an entire document, so with something like the following, it would mean the PDF viewer UI is shown for every embedded file:

### Section 1
![[Document.pdf#page=3]]

### Section 2
![[Document.pdf#page=7]]

### Section 3
![[Document.pdf#page=9]]

### Section 4
![[Document.pdf#page=11]]

I would like to hide that UI on top of the PDF viewer and only show it on mouse hover. I have not managed to do this though, so I am wondering if its even possible?

I am on the latest Obsidian. I would appreciate any help in confirming this.

2

With css, normally this code should work but it does not allow you to target the internal links which lead to a page without those which lead to the entire pdf:

.internal-embed > .pdf-toolbar {
    display: none;
}

Otherwise, the pdf++ plugin allows this very easily in the appearance options in style settings.

3

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