How to hide footnotes via CSS?

Basement
1

Hey guys. I was wondering if there is a way I can hide footnotes (and the links in the body of the note) via CSS. You could ask, why would I want that. The reason is I want the references to be in the files, but sometimes it gets distracting to have the links and footnotes in the preview and a CSS Snippet could be sooo helpful.

example
example1300×362 109 KB

2

Maybe something like this:

.markdown-preview-section .footnotes {
   display:none;
}

.footnote-ref a {
   display:none;
}
3

It works almost perfectly. It just doesn’t hide the superscript links in the body.

Captura_000856

4

Do you add the second part?

.footnote-ref a {
   display:none;
}
5

I extended the solution proposed by @mnvwvnm:

.markdown-preview-section .footnotes {
   display:none;
}

.markdown-preview-section .footnote-ref {
	display:none;
}

It works awesome. You can stil see the footnotes in the edit mode, but not in the preview. Nice!

Edit mode:

Captura_000858

Preview mode:

Captura_000857

1 Like
6

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