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

[desk7]

Obsidian 0.12.19 on Windows 10

Things I have tried

I use the outline plugin to show the vertical lines in bullet list but it works only in edit mode.

What I’m trying to do

I would like to see them in preview mode so that the exported PDF shows them too.
My request is the same as this one How to print outliners lines in PDF too, (that, left side bulletin lines), which unfortunately received no answer.

[desk7]

I’m sure I need a CSS snippet for the preview mode but I can’t find it anywhere

[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…