- Go to Settings > Appearance
- Enable "CSS Snippets" > Obsidian
- Go to terminal
- Create a CSS snippet file for Obsidian Note: the folders ".obsidian" and "snippets" should already exist, if they don't create them with "mkdir" command.
cd secondmind
cd .obsidian
cd snippets
touch obsidian.css
#opens file in VSC
code obsidian.css
Copy and past the following CSS to the obsidian.css file. Changes should be instant (if CSS Snippets enabled [as above]).
/* inline formatting, link targets and [[ ]] disappears if not active line*/
div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-formatting,
div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-string.cm-url,
div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-formatting-link,
div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-hmd-barelink,
div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-comment
{ display: none; }
/* hide all html tags -- IT IS COMMENTED OUT BY DEFAULT */
/* div:not(.CodeMirror-activeline) > .CodeMirror-line span.cm-tag{ display: none; } */
/* except list markers */ span.cm-formatting-list,
/*code block backticks */ span.cm-formatting-code-block.cm-hmd-codeblock,
/* optionally header hashes */ span.cm-formatting-header
{ display: inline !important; }
/* and task checkboxes */
span.cm-formatting-task { display: inline !important; font-family: monospace; }