How to Get Logseq Styled Bullet Threading in Obsidian(Awesome Bullet Lines)

has this cool plugin called as bullet threading it adds bullet threading to active blocks and lock set if you are missing this feature in obsidian or you want to use bullet trading feature in obsidian this video is for you [Applause] another awesome video on obsidian in this video I will provide a solution which will allow you to have the same connection that is in the lock SEC app for bullets and not just for bullets but also for outlines it will be helpful if you work with a lot of bullets and in for people thinking is it only for aesthetic purpose yes it is it is for aesthetic purpose only if you work with smaller outlines but as the size of outline increases the utility of this feature increases dramatically it helps you to stay on track when you are working with larger outlines and many indentation levels you will never get lost you can easily see what is indented under what and this is what you will be able to achieve by the end of this video this is an example note that I have created with a lot of bullets and you can see here blur trading and here is the outline of this note where I have just added headings and the threading works here as well so let's dive in this video and learn how we can achieve this bullet trading feature in obsidian but before we begin a video I want to say if you want to support me then you can do so by the patreon link which I'll be giving in the description and you will get a lot of benefits by being a patreon member which you can find through the patreon link in the description now let's not delay the tutorial I will go to another Vault where I have not enabled that feature I don't have that feature here is the same note that I added over here and you can see there is no blur threading so how do you achieve this for that you will need to add a CSS snippet to add a CSS snippet you know how to do it first go to settings go to appearance scroll down and you can see here CSS Snippets click on this folder icon and this will open the CSS Snippets folder inside your file explorer here we can see we are inside the snippet folder now we'll need to create a new node over here that is a text document and the file extension is CSS and we'll name it bullet threading yes now let's open this CSS file I'm using a text editor over here that is Sublime you can use any other tools as well such as vs code or any other tool that supports cssy now the first thing we'll do is learn how to get bullet tradings in our outlines so here is a link to a post in obsidian Forum where bullet threading is created for outline we'll go down copy this snippet from here copy it and paste it inside the file bullet trading file that you created and open with a text editor I'll paste it here and I'll save it if I go to obsidian Vault go to settings go to appearance and Source over here I'll click on reload enable this and here we have got bullet threading for our outlines pretty easy right and there is nothing that is changed in our bullets only our outlines has changed now how do we achieve the same bullet trading that we have have in our outlines in our bullets too for that I will provide another link which will help us achieve that that is a link to this code where you will see this is a CSS snippet for bullet trading shared by fireless good I'll copy this and I will add it in the same file that we created previously and I'll just try it here trading for bullets so that we can easily identify the changes now I'll paste it here and let me save it now if I go back to obsidian Vault and if I hover over the bullets you can see we have got bullet trading on our bullets store but this will only work when you are in reading mode if I go to editing mode here I am in editing mode and it will not work in editing mode if I change it to reading view it will show the bullet threads but if I go to editing mode in live preview then it will not work now how do you make it work for live tv as well for that I will provide another link which is also a link for obsidian Forum where a user has shared what he has created a user clean mxi has shared what he has created and you can see this is the example I'll click on this link and here are some codes there are two codes first is for bullet list live preview highlight CSS and second is for bullet list live preview threading CSS now if you don't want all the hassle if you don't want to compile all the code I also have a obsidian CSS snippet Vault that I have created where I have compiled all the CSS Snippets all the useful CSS Snippets for obsidian you can download it from the link in the description as well and if you are on my patreon then you will get the Vault for free as well not just that what you will get every bold build in future as well for free so let's copy this first one bullet list live preview highlight let me copy it and and I'll paste it here and if I click on say let me open the vault first on this side and if I click on save you can see here the bullets will be highlighted here is what it will look like and I don't feel it easy on my eyes because bullet threading is better than this so we'll not use this we'll copy the snippet second snippet which is here bullet list live preview threading CSS I'll just copy it from here and paste it right here click on Save and here we have got bullet trading feature in our Obsidian World pretty cool now I want to add a little more thickness to this threads and I don't know a lot about CSS but I just did some research and found a way to do that for that I need to change the guideline wheel first let's do that for outline I'll go down here and here you can see border bottom variable outline guideline width I'll change it to 3 pixels and I'll save it I'll change it to 3 pixel over here as well save it and you can see it the thickness has changed a little over here let me change it to 4 to see whether it changes or not I'll save it and you can see the width has increased I don't want to use the four pixel size let me just let it be three three pixel I also want to change the width for bullet threads not only outline threads so I'll go down here is threading for bullets here I will write 3 pixels 3 pixel I don't know a lot about CSS okay I just know where I need to change the values for changing the width so I'll click save Ctrl s and it's not working here I think it's because we are changing this for reading view let me go to reading View and you can see the size has changed to 3 pixel let me go down and change it for editing mode as well here is border bottom and Border left I'll change it to three pixels for both of these a pixel Ctrl s and you can see it has increased and these colors will change on the basis of theme you are using but you can also customize the colors from the CSS Snippets as well if you are good at CSS now let me go back to my original world where it works perfectly with the theme that I am using that is Anup booking theme second brain and it's working perfectly over here if you don't want to do all of this copy and paste and edit this CSS snippet then I have compiled this along with other CSS Snippets as well so you can download the obsidian CSS Vault directly from the link in the description where you can check out more custom CSS for obsidian as well so this was a simple tutorial on how you can add bullet tradings to obsidian how you can use this feature in obsidian with the help of CSS Snippets I hope you found this video useful and helpful if you found this video helpful please don't forget to like the video because it will help to boost the video as well it helps to keep my motivation high for creating videos like this that will help the community that's all for this video I hope you have a great time have a nice day bye bye

Channel: Prakash Joshi Pax

Views: 4,224

Keywords: obsidian, notetaking, personal knowledge managemtn, second brain, logseq, bullet threading plugin, obsidian css

Id: _a_N-m0vJwk

Length: 8min 41sec (521 seconds)

Published: Sat Oct 07 2023