No video

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...
RED TAG CODE
#!--
.tag[href="#important"] {
color : red;
}
--#
David Perell's Essays
LOOK FOR THINGS THAT DON'T MAKE SENSE
www.perell.com/tweetstorms/lo...
CRIBS: MY WRITING FEEDBACK FORMULA
www.perell.com/tweetstorms/cr...
THE BUT & THEREFORE RULE
www.perell.com/tweetstorms/bu...
THE RAYMOND CHANDLER RULE
www.perell.com/tweetstorms/th...
LESSONS FROM BRUNELLO CUCINELLI
www.perell.com/tweetstorms/le...
--------
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 hey@heurekalabs.org. 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 💡

Пікірлер: 43

  • @HeurekaLabs
    @HeurekaLabs3 жыл бұрын

    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
    @marydiaz163 ай бұрын

    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!

  • @paulfarnam
    @paulfarnam2 жыл бұрын

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

  • @crisgarciasaravia2235
    @crisgarciasaravia22353 жыл бұрын

    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
    @TheElThomaso Жыл бұрын

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

  • @rbpompeu1
    @rbpompeu13 жыл бұрын

    The CSS snippets are explained greatly! Thank you!

  • @janmckenzie
    @janmckenzie3 жыл бұрын

    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
    @TonyLouis93452 жыл бұрын

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

  • @fxarts9755
    @fxarts97555 ай бұрын

    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

  • @ufufu001
    @ufufu001 Жыл бұрын

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

  • @user-bi2rj3ph5i
    @user-bi2rj3ph5i2 жыл бұрын

    Very clear instructions, thank you

  • @ksoonsoon
    @ksoonsoon2 жыл бұрын

    Great work, very helpful !!

  • @thelstan8562
    @thelstan85623 жыл бұрын

    Very useful! Thank you!

  • @LuanSRezende
    @LuanSRezende3 жыл бұрын

    Thank you so much for this!

  • @kenjoseph3746
    @kenjoseph37462 жыл бұрын

    Thanks for sharing. Very informative

  • @mariaromero3488
    @mariaromero34883 жыл бұрын

    thank you, this is perfect for beginners!!

  • @LinkEX
    @LinkEX3 жыл бұрын

    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.

  • @bioolevv
    @bioolevv2 жыл бұрын

    Great! Thank you so much!

  • @Prince_of_all_Saiyans
    @Prince_of_all_Saiyans Жыл бұрын

    Thank you so much ! 😄🔥

  • @lukeheaver1677
    @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.

  • @simri_kim
    @simri_kim2 жыл бұрын

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

  • @dhandrat
    @dhandrat7 ай бұрын

    thank you :)

  • @teeI0ck
    @teeI0ck3 жыл бұрын

    excellent

  • @bienestart3165
    @bienestart31652 жыл бұрын

    Great!

  • @oscarcano2539
    @oscarcano2539 Жыл бұрын

    gracias

  • @somerandomchannel382
    @somerandomchannel3822 жыл бұрын

    can you use snippet per page? or folder?

  • @rene.rodriguez
    @rene.rodriguez2 жыл бұрын

    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

    @HeurekaLabs

    2 жыл бұрын

    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

    @rene.rodriguez

    2 жыл бұрын

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

  • @RedTick2
    @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?

  • @benimadimname5389
    @benimadimname538910 ай бұрын

    Can I do it in mobile obsidian

  • @Francisco4703
    @Francisco4703 Жыл бұрын

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

  • @donovanraymond
    @donovanraymond2 жыл бұрын

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

  • @HeurekaLabs

    @HeurekaLabs

    2 жыл бұрын

    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.

  • @kristybias6639
    @kristybias66393 жыл бұрын

    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

    @HeurekaLabs

    3 жыл бұрын

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

  • @kristybias6639

    @kristybias6639

    3 жыл бұрын

    Yes, I upgraded and see it now. Thanks!

  • @CodyCahill-j4t
    @CodyCahill-j4t19 күн бұрын

    🎯 Key points for quick navigation: 🎨 Customize Obsidian using CSS snippets to override default settings. 🌟 Explore community-contributed themes in Obsidian for different visual styles. 🕵️‍♂️ Use developer tools to inspect and modify Obsidian's CSS for deeper customization. 📝 Add specific CSS snippets to change elements like tag colors or text styles. 🖥️ Access Obsidian's settings to manage and activate CSS snippets effectively. 🎭 Themes in Obsidian can drastically alter the appearance of your knowledge graph. 🧩 Understand how CSS files control various visual aspects within Obsidian. 📚 Utilize David Perell's essays as examples for customizing your Obsidian experience. Made with HARPA AI

  • @nickgalena1
    @nickgalena13 жыл бұрын

    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

    @HeurekaLabs

    3 жыл бұрын

    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

    @nickgalena1

    3 жыл бұрын

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

  • @HeurekaLabs

    @HeurekaLabs

    3 жыл бұрын

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

  • @NSAwatchesME
    @NSAwatchesME2 жыл бұрын

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