Automatically change specific words color and font

Custom CSS & Theme Design
1

Help pls, couldn’t find info, how can i create css snippet which will automatically change specific words color and font, for example make automatically words (first, second, third) blue color with font Arial Black.

p.s. i found only with tags, but couldnt understand how can use same with simple words

2

I only know of Keyword Highlighter plugin that automatically changes color of keywords you define. Automatically changing fonts, though, I don’t think there’s something for that.

3

thanks but i need to know how make css snippets for make and add manually all what i need, anyone knows which template can i use?

for example i saw that for tags css can be:

.cm-s-obsidian span.cm-hashtag.cm-tag-now {
  color:green;

but for simple words dont understand

4

I don’t think this is possible with css only. However, you could use the Dynamic Highlights plugin for this, I haven"t tried it yet though. Plugins - Obsidian

5

I’m sorry but CSS doesn’t have any selectors that target specific words or specific content, so it’s just not possible with CSS alone. You have to use JavaScript, hence why a plugin is the only way.

6

Thanks Woofy.

1 Like
7

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