[image] So in editor mode, I would like to make the ^0e6595 block id label not visible in editor mode (just visible in the raw *.md). I was wondering if there was a pre-existing way to do this. I guess one approach would be to post-process the files and wrap any ^alphanumeric codes in a html tag a…

You mean the live preview mode? Then this css should work: .markdown-source-view.mod-cm6.is-live-preview .cm-blockid { display: none; }

There are a few ways to go about this. Choose one of the below: /* hide blockID completely - not recommended */ .cm-blockid { opacity: 0; } /* hide blockID except if on active line */ :not(.cm-active) > .cm-blockid { opacity: 0; } /* hide blockID except on hover or active line */ :not(.…

I think display: none would be alright here just because the blockids are the last thing on the line, so removing them from the layout shouldn’t do any harm. You’re right though, opacity or visibility: hidden are better.

Thanks everyone. Is there an obsidian css reference somewhere? I tried googling / searching obsidian help for “cm-blockid” or “cm-active” and didn’t get much. I was also curious to see if I can change the block link behavior to make the default text the text from the bullet/block we’re linking to (…

Yeah there is , but the easiest way is open the obsidian dev tools with “Ctrl+Shift+i” and then click the “Elements” tab. Now you can see all the class names for every html element. You can also hit the button in the top left corner of this window (looks like a cursor over a square), which lets you …

I was mainly referring to editing, e.g. if you wanted to go back and change the line or blockID, add a manual blockID, etc. Here, using display: none, I can’t arrow-right past the blockID, and trying to type ^ on the next line immediately disappears it. The line numbers are funky as well. [Obsidia…

Here’s a great resource as well: [image] Obsidian CSS Inspector Workflow Custom CSS & Theme Design Obsidian CSS Inspector Workflow This was originally called “Obsidian CSS Quick Guide” but it ended up being more focused on the inspector. As a retrospective ch…

How can I hide block-id labels in editor mode?

Devs: Theme Design & Custom CSS

ariehen February 28, 2024, 2:16am 9

Here’s a great resource as well: