How to get fancy with CSS in Obsidian using David Perell's essays

In this video, I show you how to get fancy to change your default settings in Obsidian using CSS. This is a technical video, that doesn't really help you be more efficient or productive in your note-taking. Instead, I show you how to change the default view. Because hey: you’re particular, perhaps a bit fancy too. You’re certainly the type of person who doesn’t like defaults. Default apps, default settings, default views. So this video is for you!
0:00 Intro
0:45 David Perell's essays 31-35
2:11 CSS Snippets
3:37 Obsidian Community Forum
5:45 Activate your snippet
8:02 Community themes
10:18 Obsidian Developer Console
12:31 Wrapping up
LINK to Obsidian Forum
forum.obsidian.md/t/meta-post-common-css-hacks/1978/12
RED TAG CODE
#!--
.tag[href="#important"] {
color : red;
}
--#
David Perell's Essays
LOOK FOR THINGS THAT DON'T MAKE SENSE
www.perell.com/tweetstorms/look-for-things-that-dont-make-sense
CRIBS: MY WRITING FEEDBACK FORMULA
www.perell.com/tweetstorms/cribs-my-writing-feedback-formula
THE BUT & THEREFORE RULE
www.perell.com/tweetstorms/but-therefore-rule
THE RAYMOND CHANDLER RULE
www.perell.com/tweetstorms/the-raymond-chandler-rule
LESSONS FROM BRUNELLO CUCINELLI
www.perell.com/tweetstorms/lessons-from-bruno-cucinelli
--------
CONNECT WITH US:
💌 Join our community for updates - www.heurekalabs.org
🎙New podcast! - stories.heurekalabs.org
I host a new podcast where I sit down with the world’s best scientists and hear the story of their “Heureka” moment. You can find it by searching “Heureka! Stories” on any podcast app (eg: Spotify, Apple Podcasts, Google Podcasts etc).
🌍 Find all the data science - datascience.heurekalabs.org
📸 Instagram - heureka_labs
🐦 Twitter - heurekalabs
🌍 Website / articles - www.heurekalabs.org
WHO AM I:
I'm Matt, a University professor and creator of Heureka Labs, a community working to extract insights from data and craft more meaningful discovery. I make videos and write articles about science, data, thinking, and creativity. I also have a new podcast (stories.heurekalabs.org), and I post daily content that contains articles, thoughts, and links to interesting things. Come check it out www.heurekalabs.org
TOOLS OF THE TRADE:
🌐 Website platform (Mighty Networks) - www.mightynetworks.com
🎥 Streaming & Recording (Ecamm): www.ecamm.com
🎙 Podcasting (transistor.fm): transistor.fm
GET IN TOUCH:
If you’d like to talk, I’d love to hear from you. Tweeting @heurekalabs directly will be the quickest way to get a response, but if your question is very long, feel free to email me at [e-mail]. I try my best to reply to things but there sadly aren't enough hours in the day to respond to everyone 😭
PS: Some of the links in this description are affiliate links that help keep the lights on 💡

[@HeurekaLabs]

0:00 Intro 0:45 David Perell's essays 31-35 2:11 CSS Snippets 3:37 Obsidian Community Forum 5:45 Activate your snippet 8:02 Community themes 10:18 Obsidian Developer Console 12:31 Wrapping up

[@marydiaz16]

this is the only video I've found that makes this make sense. I'm in way over my head in the forums etc as a beginner just figuring out what css is and how to use. this helped me get my obsidian headers color coded. thank you!

[@crisgarciasaravia2235]

I can't thank you enough for this type of content! I am now slightly less afraid of CSS, and that means a lot!

[@TheElThomaso]

Very well made video with clear structure, precise explanation and even links in the description! Thanks for sharing 🤗

[@paulfarnam]

I just started using Obsidian today and your video was just what I needed. Excellent job, thank you!

[@fxarts9755]

thank you so much! think many in the open-source community forget too quickly that normal ppl don't know whats for them basic stuff. it makes it really hard if you want to join a community like this

[@rbpompeu1]

The CSS snippets are explained greatly! Thank you!

[@janmckenzie]

Just a word of appreciation for some very clear instructions. Not everybody seems to be able to do that. I'm 3 weeks or so into obsidian and really enjoying it. Thank you for the help.

[@TonyLouis9345]

I'm a newbie at Obsidian and just wanted to say that your video was amazingly helpful.

[@ufufu001]

exactly what i was looking for! thank you so much king

[@ksoonsoon]

Great work, very helpful !!

[@lukeheaver1677]

The content of this video was exactly what I was looking for. I don't think the title is particularly clear considering the video's content. Regardless, thank you for your structured explanation, it helped me do what I wanted in my Obsidian application.

[@user-bi2rj3ph5i]

Very clear instructions, thank you

[@thelstan8562]

Very useful! Thank you!

[@kenjoseph3746]

Thanks for sharing. Very informative

[@LuanSRezende]

Thank you so much for this!

[@mariaromero3488]

thank you, this is perfect for beginners!!

[@bioolevv]

Great! Thank you so much!

[@LinkEX]

5:45 Thanks for explaining this bit. It seemed too trivial to get explicitly explained in the Obsidian Forums, lol. I failed to find that _CSS snippets_ section in the _Appearance_ Options, and couldn't figure out where I'd have to put the individual CSS file.

[@Prince_of_all_Saiyans]

Thank you so much ! 😄🔥

[@simri_kim]

thank u so much i was very lost before watching this video

[@dhandrat]

thank you :)

[@teeI0ck]

excellent

[@bienestart3165]

Great!

[@Francisco4703]

Mac: OPTION + COMAND + i Windows: CENTRAL + SHIFT + i

[@oscarcano2539]

gracias

[@rene.rodriguez]

Excellent video. I liked + subscribed. Question: I’m curious why you have a separate vault for DP? If you use multiple vaults, don’t you lose the ability to find serendipity in disparate subjects?

[@HeurekaLabs]

Good q. And yes, you would lose the serendipity. But for me, DP is a project with a start-finish. Some of the stuff I did in there, I don't do in my vault (like copy-paste entire essays). But the goal was to share the project, and the essays, for posterity. For my personal use, I have two vaults, one of "everything" and one just for science (experimenting with scientific knowledge). LMK if there's other stuff you're curious about. 💪🏼

[@rene.rodriguez]

@@HeurekaLabs excellent. Thank you for the reply and keep up the great work.

[@donovanraymond]

Are the David Perell essays available somewhere for download in markdown for Obsidian?

[@HeurekaLabs]

Not that I know of. But they are all on his website, and I know he sent them via email to his subscribers at one time.

[@RedTick2]

Ok, so I see Obsidian's templates as aliases, simple keypress = short snippet of text, But I figure I can have multiple templates inside of a single template file, making it function like a template I am familiar with. That said, can I tie a CSS snippet like the above to a specific template in my template file? And have it apply only if/when that template is used. Example. Hypothetically I use Obsidian for both research and writing. For the purposes of recall and organization, I like that the tag #important always be red but not the word important. That way, if I paste something that is of interest but not necessarily important, but that bit of text I copied contains the word important, I don't want it red in this case. Or perhaps I am writing a draft, and I use the word important, but again, it's not a tag but a simple word. Can that CSS instruction only apply to a given template execution and not the use of a specific text string?

[@kristybias6639]

I have version 0.9.15 and "CSS Snippets" is not an option under appearance. Only Base mode and Custom CSS shows up under appearance settings. Do you know if this capability no longer exists?

[@HeurekaLabs]

It’s a new capability, I believe. Can you upgrade?

[@kristybias6639]

Yes, I upgraded and see it now. Thanks!

[@somerandomchannel382]

can you use snippet per page? or folder?

[@nickgalena1]

when i activate a css snippet it doesnt override the master css file - which also is stored in the snipped folder and activated . I am on obsidian v0.10.1. Any idea ?

[@HeurekaLabs]

I also experience the same thing. Unfortunately, I'm not sure how Obsidian instructs the snippets to prioritize one over another. I'll keep poking and let you know if I find anything.

[@nickgalena1]

@@HeurekaLabs THANK YOU for letting me know I am not the only one experiencing that problem.

[@HeurekaLabs]

I also found if you activate a community theme, the snippet doesn’t override it.

[@benimadimname5389]

Can I do it in mobile obsidian

[@NSAwatchesME]

obsidian is garbage you can't even change font colour i wasted 2 hours