#5

TLDR:- where? how?

disclaimer - i can’t code to save my life, I know this not “coding” but…
my skill with “deep” computer interaction stops at writing an obsidian note with links and headings.

if… if… you have the time pls explain it to me like you are explaining it to a literal 3-year-old who only know how to open the PC and watch youtube.

but I completely understand if you don’t have the time. thank you any way, I’ll “try” to figure it out.

#6

Open a text editor, paste the above snippet and save it as hiddentags.css (or whatever file name you want to chose - only the .css is important!). In your vault, there should be a folder .obsidian/snippets - save your file in this folder.

After that, in obsidian, open the app’s settings, navigate to “appearance” and activate your file under “css snippets” (if it doesn’t appear there, chose “reload snippets”).

If you want to hide several tags, paste the above code multiple times in your newly created file and replace the #date with the tags you want to be hidden, for example

a.tag[href="#event"] {
    display: none;
}
1 Like
#7

woooo…!!!
.
i’ll try it out out as soon as i wake up, thank you so much.
.
it seems like it can’t be embedded onto a text, but meh, as long as it shows up in search with the relevant info & forms visible tag links, I’m peach.

#8

No - but you could approach this behavior by establishing a workaround:

Create a note called “date” - and each time you insert a date in any other note, make it a link like this: [[date|2021-03-18]]; now, in your “date” note, you will see all dates in your vault in the backlink pane.

2 Likes
#9

can dated be just, a year, or a month of a year, or day?

#10

i don’t think it’s working…

is it okay to paste the code in a notepad > save it a .css and put it in .onsidian/snippits ?

#11

What is not working?

Well, that’s the procedure I described above - so: yes! But you have to activate your snippet in the obsidian settings after that!

#13

ye i did, i can still see em…
is there a particular way to type the #whatever like <#whatever>
or will it work as soon as i activate the CSS and restart the app?
did that as well

#14

I don’t understand your question.

The snippet will hide the tags in preview mode, not in edit mode (which makes sense, as you would still want to see your source code somewhere…).

If it doesn’t hide your tags even in preview mode, it might possibly conflict with some other css…

  • Which theme and/or custom css are you using?
  • Can you paste the snippet you saved as custom css?
#15

image
image1971×1040 471 KB

image
image1971×1040 275 KB

#16

Deactivate “Apply custom css” - this is the old way of using custom styles. You can still use that, but it conflicts with the css snippets - so: either custom css or snippets!

#17

nope that’s not doing anything.
re opened the app as well.
.
i have a but load of extra plug ins, should i deactivate all of em.

#18

Try deactivating all your plugins - if that changes anything, we can be sure that the snippet conflicts with one of them. If that doesn’t change anything, try deactivating your custom theme and check the result. I don’t think the cybertron theme causes that, but just to be sure…

Tell me if it works!

#19

Just to be sure: in order to hide the “qualifier” tag from your screenshot, the code in the snippet should look like this:

a.tag[href="#qualifier"] {
    display: none;
}
#20

yup that’s right.

#21

nope.

image
image1971×1040 432 KB

#22

strange… can you paste the exact content of your css snippet?

#23

image
image866×553 58.9 KB

#24

You should of course replace #event by the tag you want to hide, as I explained above and also in my original post!

1 Like
#25

OOF!
sorry, sorry…
so…
i create multiple coppies of this .css
or… create multiple commands in the same file file like
.
first, date, name, qualifier, bla bla bla … ???