A couple of people asked me about how I do the paraphrasing blocks seen in my live notetaking session, so, here goes:
The snippet I use is here: -palatinate/fancy-blockquote.css at main · eleanorkonik/-palatinate · GitHub
Quoting the bot from our Discord:
Custom CSS lets your completely customize how your Obsidian looks.
To enable custom CSS, go to Settings => Appearance and toggle on “custom CSS”. From there, you can choose among a list of community themes, which appears in settings after you enable the custom CSS plugin.
You can further customize your theme by modifying its file in .obsidian/themes or by using CSS snippets. We recommend editing the CSS file using something like Visual Studio Code or Sublime Text to properly highlight and format it, as invalid CSS will not work.
There’s a wonderful guide on our forum that should get you comfortable with working with CSS, if you’d like to make tweaks yourself: https://forum.obsidian.md/t/getting-comfortable-with-obsidian-css. To use a snippet, simply save it in a CSS file in
<your vault root>/.obsidian/snippets/
. Any change to that file will apply to Obsidian live.
Remember: >
and <blockquote>
are the same from the CSS perspective — >
is the “markdown” encoding and <blockquote>
is the “HTML” encoding. To get it to work you’ll need to do <blockquote class="paraphrase">paraphrased text here</blockquote>
— it’s actually HTML, not Markdown, but basically you’re telling it to render the more specific version of the styling.
Note that .obsidian/snippets/
is a hidden folder (that’s what the .
means) so you’ll need to override your computer’s settings if you cant find it. Directions for that are here: How To View Hidden Files (Win, OS X, Android) | Ubergizmo
@foreveryone in the Discord put together this amazing visual tutorial that might help as well: https://imgur.com/aB3eMRn