De-emphasize Text

I have a large amount of text (about 400k words) where each paragraph has an identifier at the beginning to help refer back to it.

Right now the text has an HTML span tag with a CSS class, which I’m styling to make the text gray. It looks something like this…

<span class="identifier">M-62.X.45.</span>

It’s very helpful to have this text there in gray, because it’s visible if I need it, but it doesn’t take the prominence of the text while reading.

There are some easy ways in Obsidian to emphasize text (italics, bold, highlight). Do any of you have ideas of an easier way to de-emphasize text other than using an HTML tag with CSS?

I appreciate your time.

1 Like

(A hypothesis that I don’t know if it’s better…)

First, you don’t need to use any CSS snippets. You can style the color directly:

<span style="background-color: #fcc">youridentifier</span>
<span style="color: #c1a1b1">youridentifier</span>
<span style="background-color: gray; color: yellow">youridentifier</span>

Second, you can use the template core plugin to insert the expression <span style="color: #yourcolor">xxxxx</span> every time you need it (you can use a template for each color) and rewrite only the identifier.

EDIT: you can use also the opacity:

<span style="opacity:0.5">youridentifier</span>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.