Obsidian - How To Add Awesome Bullet Point Lines

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 พ.ย. 2024

ความคิดเห็น • 112

  • @SantiYounger
    @SantiYounger  3 ปีที่แล้ว +2

    Check out my Obsidian Online Course courses.santiyounger.com/p/obsidian

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      @@Dgrayfit I actually did that manually, I think there was some css code to do it a bit more automatically but I just checked and it's no longer working unfortunately

  • @fronogy
    @fronogy 3 ปีที่แล้ว +49

    Btw this can now be achieved without modifying a theme using CSS snippets:
    - In settings under appearance at the end there is a section CSS snippets.
    - Click the folder icon to open the location in the file system.
    - Create a new file with .css extension and paste in the same CSS code from the forum thread.
    - Go back to obsidian settings and click the reload icon.
    - The .css file you created will be listed under snippets, just press the toggle to enable this snippet and voila the the lines will appear!

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +5

      thanks for sharing this tip, snippets are great, I made an example of a image gallery in obsidian, using snippets,
      th-cam.com/video/exbHSSbydKw/w-d-xo.html
      if anyone wants to see an example of what @frongy said

    • @mvargast
      @mvargast 3 ปีที่แล้ว

      MAn...I just tried this one..and everything works in the Setting menu but it does not show up on my Obsidian. I am using the Ars Magna skin
      Could use some help :)

    • @LoofaOfDoom
      @LoofaOfDoom ปีที่แล้ว

      it did not appear for me. Can this be done with default theme? I have the css code with a css extension saved in the snippet folder but nothing appears?

  • @pfuhad3760
    @pfuhad3760 4 ปีที่แล้ว +2

    Thank you Man , It was awesome to be able to do this , this is one of the feature in the Notion that i Loved so much . Now i am switching from notion to obsidian

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      that's so awesome to hear, check out my online course if you need some help getting started courses.santiyounger.com/p/obsidian

  • @NamasenITN
    @NamasenITN 4 ปีที่แล้ว +10

    Editing of the actual .css starts at 8:45.

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      thanks I forgot to add timestamps to this video, appreciate it

  • @gracepawson9910
    @gracepawson9910 4 ปีที่แล้ว +2

    Perfect, I love this effect! Can't wait for the online course!

  • @YannyKo13
    @YannyKo13 5 หลายเดือนก่อน

    Hi, do you know how to call out and embed the 3rd sub bullets into another note?

  • @Gergel_
    @Gergel_ 3 ปีที่แล้ว +1

    I uploaded the code mentioned... But now I'm struggling how to create this kinda list with 1.1, 1.2. etc, cause my Obsidian doesn't do this automatically. Documetation, here I am!! ;D

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      hey, try to use tab to indent bullet lists, I noticed that using normal spacebar doesn't work as indentation, but pressing tab should work

    • @Gergel_
      @Gergel_ 3 ปีที่แล้ว +1

      @@SantiYounger got it, thnx man

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      @@Gergel_ awesome, my pleasure

    • @jrdrigs
      @jrdrigs 2 ปีที่แล้ว

      @@SantiYounger It doesn't work for me ):

  • @SantiYounger
    @SantiYounger  4 ปีที่แล้ว +1

    In case you are having trouble with this, make sure you press TAB to indent the bullet points when you create them. Spaces don't seem to reveal the lines.
    Thanks to Kamal for helping me realize this, I didn't made this clear on the video

    • @kofm
      @kofm 4 ปีที่แล้ว

      Is it possible to make it work with spaces? Markdown prettifier plugins uses spaces instead of TABs so atm the two plugins are not compatible

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      @@kofm that's interesting, I found that spaces didn't work. Perhaps try reaching out the creator of the prettifier plugin, to see if it's possible to make it compatible.

  • @jasonzhang2643
    @jasonzhang2643 4 ปีที่แล้ว +1

    Thanks for sharing! I am a developer so this is too detailed for me but this should be very useful for folks coming from a non-tech background.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      glad you liked it! Yeah I get you, I break it down quite a lot for beginners, but I'll keep in mind perhaps adding a TL;DR section for future videos

  • @louispasteur8826
    @louispasteur8826 4 ปีที่แล้ว +1

    Thanks man awesome keep on doing it.I was having some trouble but figured it out

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      nice, happy to hear! feel free to reach out directly santiyounger.com/contact if you ever need help

  • @sanketss84
    @sanketss84 4 ปีที่แล้ว +1

    Love the theme which you have created using it for my obsidian, Thanks a lot.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว +1

      that's awesome, happy you like it!

  • @louispasteur8826
    @louispasteur8826 4 ปีที่แล้ว +2

    We would love to see a video on Andy Matuschak mode and how you use it,Thank you..

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว +1

      That's a great idea for a video! Thanks for the suggestion!

  • @mamunurrashid5652
    @mamunurrashid5652 3 ปีที่แล้ว +1

    Thanks,man! Your videos are very helpful....

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      happy to hear that! I make tons of obsidian tutorials on my course courses.santiyounger.com/p/obsidian
      check it out if you got a chance

  • @jeremydrennen6967
    @jeremydrennen6967 3 ปีที่แล้ว +1

    Hi Santi - - Is there a way to use Templater or some other obsidian plugin, to "prepend" the current note name to the newly created note? So if I'm in a note named "Test_Note_Parent" and I select some text in that note... Say I select the word "Child" and type in the doubles [[]] brackets to create a new note. When I click to add the note, it will create the note with the name as "Test_Note_Parent:Child"
    Basically creating a new note with the selected text as the Note name, but Prepending or prefixing the current note name to the beginning of the newly created note?

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      Hey Jeremy, I get you, that's an interesting and useful usecase.
      unfortunately I don't think there's any way to automatically achieve something like that at the moment.
      However maybe try asking in the official Obsidian Forums, there are some pretty clever people in there that might have workarounds or ideas.
      At the moment I can image how it must be a lot of manual work for you to set things up like that.
      Best of luck, sorry I can't be of more help!

  • @headofdatascience-b.m.r.he3254
    @headofdatascience-b.m.r.he3254 ปีที่แล้ว

    Where do I find this template folder on MACOS? I've googled and asked chatgpt... no luck

  • @love-and-grace
    @love-and-grace 3 ปีที่แล้ว +4

    Hi man! How can i have this expand/collapse feature for text, that you have at start? Thank you!

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      Hey, yeah that is an option in the settings > editor > fold... (there are two options there, one for headings, the other one for bullets, I have them both on)
      if you want to master the fundamentals check out my online course on obsidian
      courses.santiyounger.com

    • @love-and-grace
      @love-and-grace 3 ปีที่แล้ว +1

      @@SantiYounger Thank you! You helped a lot!

  • @tedblizzard100
    @tedblizzard100 3 ปีที่แล้ว +1

    Nice work! Thank you.

  •  3 ปีที่แล้ว +3

    Great tip! :-) Thanks a lot! And I am dropping a comment (as we kids do these days ;-) ) - would be interested in your theme - looks really nice!

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      awesome thanks for dropping that awesome comment hahaha, yeah my theme is now pulbic, you can search for it in the community themes as "Reverie" by Santi Younger
      hope you enjoy it!

  • @bucketofbarnacles
    @bucketofbarnacles 4 ปีที่แล้ว +1

    Nice tips.

  • @mnk4allcaps
    @mnk4allcaps 8 หลายเดือนก่อน

    Ty

  • @VonkMML
    @VonkMML 4 ปีที่แล้ว +1

    Best of luck, thanks for the help.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      happy to help! Check out the description to sign-up for updates on the online course if you are interested!

  • @xm_tech
    @xm_tech 4 ปีที่แล้ว

    This is very helpful thank you for sharing

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      happy to help, let me know if you have any other video requests

  • @tavaroevanis8744
    @tavaroevanis8744 2 ปีที่แล้ว +1

    How would I edit the CSS code to control the color for each hierarchical level?

    • @SantiYounger
      @SantiYounger  2 ปีที่แล้ว +1

      unfortunately that's a bit more tricky to achieve, I recommend looking for CSS tutorials, my favorite TH-camr for this is called "Dani Krossing" he has great tutorials for CSS, sorry I can't be of more help

  • @tillmannbrodbeck2430
    @tillmannbrodbeck2430 2 ปีที่แล้ว +1

    Nowadays you can use the outliner plugin :)

    • @SantiYounger
      @SantiYounger  2 ปีที่แล้ว

      yes, that's true! That's the one I use. I cover that one in my Obsidian course for anyone else interested: courses.santiyounger.com/p/obsidian

  • @MsFly9999
    @MsFly9999 2 ปีที่แล้ว +2

    Hi Santi, I found this tutorial very useful! I followed your instructions and it works perfectly before. My problem is that it seems like the update of Obsidian v0.13.14 prevent the bullet relation ship lines from showing up in edit mode. I'm wondering if you have this problem and how you solve it. Thanks in advance!

    • @SantiYounger
      @SantiYounger  2 ปีที่แล้ว

      hey, happy to hear that! yeah I've heard people having trouble with this CSS code with the latest updates. I personally highly recommend taking a look at the latest updates of a plugin called "outliner". I've been using outliner as a replacement for this CSS code for a while and I think it's much better
      hope that helps!

  • @jeremiahbaxter6887
    @jeremiahbaxter6887 2 ปีที่แล้ว

    Is it possible to shift the lines left or right to align better with the bullet points?

  • @thelstan8562
    @thelstan8562 3 ปีที่แล้ว

    Love this!

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      Thank you, appreciate the support!

  • @SoerenGraves
    @SoerenGraves 3 ปีที่แล้ว

    I am new to Obsidian, and wonder how you create the fold and unfoldig bullets???
    They look so cool

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      hey no worries, I forgot to mention that part, that is an option in the obsidian settings (gear icon at bottom left) > editor > fold... (there are two options there, one for headings, the other one for bullets, I have them both on)
      if you want to master the fundamentals check out my online course on obsidian
      courses.santiyounger.com/p/obsidian
      hope that helps!

    • @SoerenGraves
      @SoerenGraves 3 ปีที่แล้ว +1

      @@SantiYounger thx, I got ahead with that.

  • @3self
    @3self 3 ปีที่แล้ว +1

    Hey noob here, so i know you can fold/toggle headers but how do you do it otherwise? :( I can’t figure it out

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      hey no worries, I forgot to mention that part, that is an option in the obsidian settings (gear icon at bottom left) > editor > fold... (there are two options there, one for headings, the other one for bullets, I have them both on)
      if you want to master the fundamentals check out my online course on obsidian
      courses.santiyounger.com/p/obsidian
      hope that helps!

  • @thebullwhip205
    @thebullwhip205 2 ปีที่แล้ว +1

    The bullet point lines don't work anymore since the new update with the live preview

    • @SantiYounger
      @SantiYounger  2 ปีที่แล้ว

      haven't tried it in the new live preview, but you must be right, I know use the community plugin "outliner" for the outline lines

  • @PeakVish
    @PeakVish 3 ปีที่แล้ว

    Hey man, Can you help me out as well?
    I am a new user & it’s the latest version. The problem is that I cannot get any snippet to work! I copied a simple snippet to TextEdit & saved it. I placed it in the Snippets folder with the .css extension. The snippet shows up when I reload but it does not seem to work. I use the default dark theme with no plug-ins installed. What am I missing? Please help!!!

    • @pst659
      @pst659 3 ปีที่แล้ว

      Same here. I think this method doesn't work in latest mode .

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      hey, Obsidian has changed a bit since I posted this video, I have a lesson on my course on CSS snippets if you find that helpful
      courses.santiyounger.com/courses/obsidian/lectures/30964662
      Best of luck!

  • @enricomoscatiello4252
    @enricomoscatiello4252 3 ปีที่แล้ว +1

    Nice video bro. But, how can I add toggle list?

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      Hey thanks, happy you enjoyed it, forgot to mention that part, that is an option in the settings > editor > fold... (there are two options there, one for headings, the other one for bullets, I have them both on)
      if you want to master the fundamentals check out my online course on obsidian
      courses.santiyounger.com/p/obsidian

    • @enricomoscatiello4252
      @enricomoscatiello4252 3 ปีที่แล้ว +1

      @@SantiYounger thanks broo

  • @meownamejeff
    @meownamejeff 4 ปีที่แล้ว

    Thank you

  • @DominikMikoajczyk
    @DominikMikoajczyk 4 ปีที่แล้ว +4

    But how to create this folding toggles? Im just downloaded Obsidian and i just can't find it out... XD

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว +3

      ah yeah that is an option in the setting, settings > editor > fold...
      if you want to master the fundamentals check out my online course on obsidian
      courses.santiyounger.com

  • @kamalaakarsh
    @kamalaakarsh 4 ปีที่แล้ว +2

    Hey I tried this but it didn't work. Any idea why? I am using the latest version of Obsidian.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      that's strange, send me an email with your obsidian.css I'll test it (fix it if needed) and send it back to you
      santiyounger.com/contact/

    • @kamalaakarsh
      @kamalaakarsh 4 ปีที่แล้ว

      @@SantiYounger Thanks a lot. Just sent you the email.

    • @kamalaakarsh
      @kamalaakarsh 4 ปีที่แล้ว +1

      @@SantiYounger Thanks a lot. Just sent you the email.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว +1

      @@kamalaakarsh my pleasure Kamal. I just replied, let me know if it works

    • @kamalaakarsh
      @kamalaakarsh 4 ปีที่แล้ว +1

      @@SantiYounger It worked now. Super. Thanks a lot.

  • @j.antoniomestasr.2500
    @j.antoniomestasr.2500 3 ปีที่แล้ว +1

    I followed the steps and the obsidian.css does not appear. Any solution ?

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      hey, even though this method still technically works. Obsidian changed things and obsidian.css has been moved. Now we use CSS snippets for this
      I updated it detailed tutorials on this on my Obsidian course in case you are interested
      courses.santiyounger.com/p/obsidian

  • @latifarahma617
    @latifarahma617 3 ปีที่แล้ว +4

    I prefer to use RemNote, it has line automatically 😂

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว

      Logseq is my new favorite way to use an outliner. I have more videos on it

  • @Retumn98716
    @Retumn98716 3 ปีที่แล้ว

    anyone has an idea why it only works for the first line and not the inner lines? e.g. sub bullets?

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      I made an update on this video, check it out
      th-cam.com/video/bagGLe_tnec/w-d-xo.html&ab_channel=SantiYounger

  • @mvargast
    @mvargast 3 ปีที่แล้ว +1

    Didn't work for me...I'm using the Ars Magna skin

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      hey man! sorry to hear that, I had a quick look testing the theme Ars Magna, I tried to see what it could be, but there's some strange conflict between this trick and Ars Magna, sorry I can't be of more help, perhaps the creator of Ars Magna can help you out, his contanct info is in his github page here github.com/mediapathic you can just tell him this code is not working with his theme forum.obsidian.md/t/meta-post-common-css-hacks/1978
      hope that helps!

    • @mvargast
      @mvargast 3 ปีที่แล้ว

      @@SantiYounger Wow it help a LOT...gotta love how supporting the Obsidian community is. This is my first day working with the solution :)

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      @Marino Vargas awesome Marino, you are right it'sean awesomo community, best of luck
      check out my course if you want to learn more about obsidian courses.santiyounger.com/p/obsidian

  • @whatthe8090
    @whatthe8090 3 ปีที่แล้ว

    what i'm more interested in is.. how'd you get the
    1. ***************
    1.a. ******
    1.a.i. ******
    1.b. ******
    2. ******

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      Checkout my latest video where I give more resources on how to learn that th-cam.com/video/bagGLe_tnec/w-d-xo.html
      hope that helps

    • @jrdrigs
      @jrdrigs 2 ปีที่แล้ว

      Same thing I want to know

    • @suprabhoza
      @suprabhoza ปีที่แล้ว

      Hi Santi
      I am unable to add Numbering in Outliner how should I do it?

  • @unknowninfinium4353
    @unknowninfinium4353 4 ปีที่แล้ว

    Bruh I couldnt find obsidian.css I have the 0.9 version. Where is the obsidian.css file? I cant find it.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      did you find it? if not send me an email santiyounger.com/contact to see what's going on

    • @ilyagnatiuk3123
      @ilyagnatiuk3123 4 ปีที่แล้ว +1

      In that version and above you have to enable css snippets first, and then just create small css file which Santi showed in the video. Go to the Settings/Appearance and check CSS snippets section. Click on the folder icon and the snippets directory will be created: .obsidian/snippets (I'm using Linux, path might be slightly different on Windows & Macs).

  • @trap_musiicssj
    @trap_musiicssj 4 ปีที่แล้ว +1

    I tried and couldn't someone help me

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      what theme are you using?

    • @trap_musiicssj
      @trap_musiicssj 4 ปีที่แล้ว

      @@SantiYounger atom, do I have to use yours?

    • @trap_musiicssj
      @trap_musiicssj 4 ปีที่แล้ว

      I already did, thanks.

    • @SantiYounger
      @SantiYounger  4 ปีที่แล้ว

      @brissa buddha hey, it's not needed to use my theme, it should work with most themes, however some themes might have conflicts, if you try it with my theme for testing it should work without any issues.

    • @trap_musiicssj
      @trap_musiicssj 4 ปีที่แล้ว

      @@SantiYounger after doing the process you just have to tabulate bullets

  • @isaqbruno2658
    @isaqbruno2658 หลายเดือนก่อน

    Falou Falou e não resolveu nada .

  • @lucianobecchia7063
    @lucianobecchia7063 3 ปีที่แล้ว

    Queria saber como hacer toggles y tengo a un tipo hablando 40 minutos y mostrando cosas intrascendentes

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      esto es lo que respondi en los otros comentarios que preguntan lo mismo.
      It's in settings (gear icon at bottom left) > editor > fold... (there are two options there, one for headings, the other one for bullets, I have them both on)

    • @lucianobecchia7063
      @lucianobecchia7063 3 ปีที่แล้ว

      @@SantiYounger Santi encontré un post tuyo en forum.obsidian.md/t/how-to-toggle-like-in-the-notion/9935/7 que me aclaro todas las dudas. I saw a post of yours that was easier to understand. Thank you Santi

    • @SantiYounger
      @SantiYounger  3 ปีที่แล้ว +1

      @@lucianobecchia7063 Perfecto! Un abrazo