Clutter free edit mode

[Conchobar]

Could you elaborate? I am looking for a solution to hide the # character in Preview Mode.

Hide # in tag using css or javascript

@Moonbase59 can you help me out with this? REASON for wanting this: the # in front of a tag distracts me and hinders me in speedreading. Especially if there are multiple tags on a line. Things I have tried I have tried hiding the # character in a tag by css, but that’s not working. I hoped using .tag::first-letter: {display:none;} would work. It doesn’t, because CSS doesn’t seem to see # as a letter, somehow. I also read on several CSS websites that this cannot be done unless you wrap that…

This thread was looking to do the same thing, but no clear solution was ever proposed.

[Klaas]

@Conchobar the # is never displayed in Preview mode, which is now called Reading mode.

So, I assume you are referring to Live Preview mode. Are you sure the # is displayed in LP? Are you in LP mode?

If you are, and the # is displayed, try this:

.cm-formatting-header {
    display: none;
}

[Conchobar]

Ah, I see the disconnect, my mistake. No, I use primarily “Source mode” and “Reading mode” and am trying to eliminate the ‘#’ from displaying in #tags in Reading mode.

I have searched far and wide in the forums and tried many different things but can find no solutions. I’d even settle for removing the ‘#’ character altogether from Reading mode but could not figure out how to accomplish that myself.

[kburzh]

I tried this code, but it doesn’t seem to work anymore. Is there any actual way to remove brackets from links and other elements in edit mode?

[Klaas]

You could also ask in the #appearance channel on Discord, where there are a number of very knowledgeable gurus.