How to add bullet point vertical lines to preview mode too?

[saf-dmitry]

@desk7 If you search the forum you will find a lot of info concerning your question. Below just some examples:

Meta Post - Common CSS Hacks

Bullet Point Relationship Lines v0.7.3 Compatible .cm-hmd-list-indent .cm-tab, ul ul { position: relative; } .cm-hmd-list-indent .cm-tab::before, ul ul::before { content:''; border-left: 1px solid rgba(0, 122, 255, 0.25); position: absolute; } .cm-hmd-list-indent .cm-tab::before { left: 0; top: -5px; bottom: -4px; } ul ul::before { left: -11px; top: 0; bottom: 0; } This has been floating on the discord, not sure who created it but thank you! [Lines]

[Problem fixed] CSS Problem: Bullet Point Relationship Lines doesn’t show correctly in edit mode

@Peterhou Sorry, I cannot confirm the problem using your example. With this CSS (basically the same as your snippet above) on my machine (macOS 10.14.6, Obsidian 0.11.5) it looks as follows: [Screenshot 2021-03-18 at 16.10.19] The slight shift in lines is caused by mixing spaces and tabs used for indentation in your example, which should be avoided. Here the CSS snipped I am using: .theme-light { --guide-line-fg: rgba(120, 120, 120, 0.2); } .theme-dark { --guide-line-fg: rgba(120, 1…