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

Поділитися
Вставка
  • Опубліковано 3 гру 2024

КОМЕНТАРІ • 44

  • @HeurekaLabs
    @HeurekaLabs  4 роки тому +9

    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

  • @crisgarciasaravia2235
    @crisgarciasaravia2235 3 роки тому +7

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

  • @fxarts9755
    @fxarts9755 8 місяців тому

    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

  • @marydiaz16
    @marydiaz16 7 місяців тому

    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!

  • @TonyLouis9345
    @TonyLouis9345 2 роки тому +2

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

  • @paulfarnam
    @paulfarnam 3 роки тому +2

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

  • @rbpompeu1
    @rbpompeu1 3 роки тому +2

    The CSS snippets are explained greatly! Thank you!

  • @janmckenzie
    @janmckenzie 3 роки тому +10

    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.

  • @TheElThomaso
    @TheElThomaso 2 роки тому +1

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

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

  • @ufufu001
    @ufufu001 Рік тому

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

  • @simri_kim
    @simri_kim 2 роки тому

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

  • @LinkEX
    @LinkEX 3 роки тому +4

    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.

  • @5061-m5l
    @5061-m5l 2 роки тому

    Very clear instructions, thank you

  • @ksoonsoon
    @ksoonsoon 2 роки тому

    Great work, very helpful !!

  • @kenjoseph3746
    @kenjoseph3746 2 роки тому

    Thanks for sharing. Very informative

  • @mariaromero3488
    @mariaromero3488 3 роки тому

    thank you, this is perfect for beginners!!

  • @LuanSRezende
    @LuanSRezende 3 роки тому

    Thank you so much for this!

  • @bioolevv
    @bioolevv 2 роки тому

    Great! Thank you so much!

  • @teeI0ck
    @teeI0ck 3 роки тому +2

    excellent

  • @thelstan8562
    @thelstan8562 4 роки тому

    Very useful! Thank you!

  • @shinkansen1907
    @shinkansen1907 20 днів тому

    thank you!

  • @Prince_of_all_Saiyans
    @Prince_of_all_Saiyans Рік тому

    Thank you so much ! 😄🔥

  • @dhandrat
    @dhandrat 10 місяців тому

    thank you :)

  • @bienestart3165
    @bienestart3165 2 роки тому

    Great!

  • @rene.rodriguez
    @rene.rodriguez 3 роки тому

    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  3 роки тому +1

      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 3 роки тому

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

  • @oscarcano2539
    @oscarcano2539 Рік тому

    gracias

  • @CodyCahill-j4t
    @CodyCahill-j4t 4 місяці тому +1

    🎯 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

  • @somerandomchannel382
    @somerandomchannel382 2 роки тому

    can you use snippet per page? or folder?

  • @RedTick2
    @RedTick2 2 роки тому

    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?

  • @donovanraymond
    @donovanraymond 2 роки тому

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

    • @HeurekaLabs
      @HeurekaLabs  2 роки тому +1

      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.

  • @benimadimname5389
    @benimadimname5389 Рік тому

    Can I do it in mobile obsidian

  • @kristybias6639
    @kristybias6639 3 роки тому

    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 роки тому +1

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

    • @kristybias6639
      @kristybias6639 3 роки тому +2

      Yes, I upgraded and see it now. Thanks!

  • @Francisco4703
    @Francisco4703 2 роки тому

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

  • @nickgalena1
    @nickgalena1 4 роки тому

    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  4 роки тому

      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 4 роки тому +1

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

    • @HeurekaLabs
      @HeurekaLabs  4 роки тому +2

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

  • @NSAwatchesME
    @NSAwatchesME 2 роки тому

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