How to hide footnotes via CSS?

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.

Maybe something like this:

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

.footnote-ref a {
   display:none;
}

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

Captura_000856

Do you add the second part?

.footnote-ref a {
   display:none;
}

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

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