How to hide tags (and be warned of works that contains those tags)
So, Ao3 has made a lot of changes lately that allowed us to hide specific fics and works by specific authors.
There still no way to hide works with specific tags (that doesnât mean there wonât be in the future, but I have no idea if that is in the plans or not) unless you use the filters in your search. But while you can bookmark a search with all the filters, thereâs no way to carry these filters in separate searches and you have to write it every time.
Unfortunately CSS doesnât have a way either to hide those fics either, at most it can hide the single tag, which we donât want to do because at that point everything becomes so much worse, as you donât even have the tag as a warning.
It hides the tags so I do not have to read them and it warns me that this is definitely a work I donât want to read.
Because those black black boxes are very visible in a wall of tags.
(you can use white if you are using darkmode btw)
be used in conjunction with all the other hiding skins you have, you can either copy/paste it in the bottom or make a new skin and add the other one as a parent.
be used for dark mode, you just change the âblackâ in white in the text
You can also do something midway, if you donât need to obliterate the tag, just highligh it.
Thereâs no way to see what it is once you click on it though! (you either copy and paste the tag somewhere or read the address bar)
you can also do a mix of those, blacken out some tags and highligh others
The code is very simple and straightforward:
a.tag[href*=âwordâ] {
You change the âwordâ in the first line in whatever tag you want to hide, but be careful of these things:
It is case sensitive. so âskinâ wonât catch âSkinâ, if thereâs something that you aggressively donât want to see youâll need to copy/paste the code for all the instances.
it will search even part of the word. so âtickâ will catch âticketâ âtickingâ âticklingâ âticksâ (if you see that thereâs a specific word that keeps getting stuck in the filter you can add the same code AFTER, and change the colors in something thatâs readable, so like, the background-color: white)
you can hide as many tags as you want, just copy/paste the code again and again and change the âwordâ to what you want to hide next
It refers to the url, not the name of the tag, so this part here in the address bar:
which means if you need to use more than one word you canât use the space but youâll need to use %20 instead.
a.tag[href*=âtwo%20wordsâ] {
this one changes the background: âbackground-color: black;â
while this other one changes the text: âcolor: black;â
You can change âblackâ in whatever color you prefer using a hex color code (just google âcolor pickerâ) or one of the html names for colors (so, white, grey, red will all work fine). for example: âbackground-color: #e6a4ea;â will give the example in the image above, the pink highlighted one.
Always remember the semicolon at the end of the line!
As I said, you can use both.
Obviously not on the same tags but you can use the black one on tags, and the highlight on others. for example:
a.tag[href*=âangstâ] {
a.tag[href*=âfluffâ] {
background-color: #e6a4ea;
So, you can use the black thing for really hard limits that you NEVER want to touch and the highlighted ones for tags you might want to have a warning in advance most of the time.
Thatâs it. I know itâs finnicky, but it can be helpful to people.
