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

RED TAG CODE
#!--
.tag[href="#important"] {
color : red;
}
--#

David Perell's Essays
LOOK FOR THINGS THAT DON'T MAKE SENSE

CRIBS: MY WRITING FEEDBACK FORMULA

THE BUT & THEREFORE RULE

THE RAYMOND CHANDLER RULE

LESSONS FROM BRUNELLO CUCINELLI

--------
CONNECT WITH US:

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).



WHO AM I:

TOOLS OF THE TRADE:

GET IN TOUCH:

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

[crisgarciasaravia]

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

[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.

[marydiaz]

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!

[fxarts]

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

[TonyLouis]

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

[paulfarnam]

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

[rbpompeu]

The CSS snippets are explained greatly! Thank you!

[TheElThomaso]

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

[lukeheaver]

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.

[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.

[ufufu]

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

[simri_kim]

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

[mariaromero]

thank you, this is perfect for beginners!!

[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?

[donovanraymond]

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

[somerandomchannel]

can you use snippet per page? or folder?

[RedTick]

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?

[kristybias]

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?

[Francisco]

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