How to remove the pin and page number of pdf annotations?

Questions & Help
1

The pin and page number are not comfortalbe for reading, so it there a way to hide them?Maybe need to change the css file ?

Thank you very much 0-0

2 
.block-content[data-type=annotation] a.prefix-link:before,
.block-content[data-type=annotation] a.prefix-link,
.block-content[data-type=annotation] [data-hl-type=area] .hl-page {
	display: none;
}

This CSS will hide them, but without a page number, you will not be able to navigate back from notes to pdf. In that case, you can hide only the pin.

.block-content[data-type=annotation] a.prefix-link:before {
	display: none;
}
3

This works, thank your very much! :wave:

I usually click link to visit the pdf, so there is no matter without a number.

4

Another question, how to remove the underline of the text.
I tried text-decoration: none; but nothing happens.

5

Hi, I tried to put the changes in my custom.css, but it seems that there is no effect (after restarting logseq). I’m wondering if it’s possible for you to help confirm. Thanks a lot.

@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css");
.block-content[data-type=annotation] a.prefix-link:before {
	display: none;
}
.block-content[data-type=annotation] [data-hl-type=area] .hl-page {
	display: none;
}
1 Like
6

I have the same issue.

7

Took a look in the inspector… The attributes might have changed (?)

Pasting my own config here:

@import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css");
div[data-type="annotation"] strong.forbid-edit {
    display: none;
}
.block-content[data-hl-color="yellow"] .prefix-link {
    display: none;
}

The first line is importing the custom theme I’m using. Use yours if you are using another one. Remove it if you want the default.
Second line is hiding the page number.
Third line is hiding the highlight color when the color is yellow. You can change it to any color you’d like.

Demo:

image
image1882×572 101 KB

It’s currently working for me, unsure about any potential issue. Will update if I find any.

8

Use followings if you only want to hide the pin and page number for pdf screenshot:

div.block-content.inline div[data-type="annotation"] div.prefix-link:has(img)::before,
div.block-content.inline div[data-type="annotation"] div.prefix-link:has(img)>span.hl-page {
      display: none;
}