[UserCSS] Blur English translations in vocab sentences

[Unlocked]

I found that I kept accidentally reading the English translations of vocab example sentences while trying to figure out what they meant, so I wrote a simple bit of CSS to blur them out.

Here’s an example of what it looks like (it works on the lesson page too, but I don’t have any vocab lessons right now to show it off):

You’ll need Stylus (Chrome/Edge, Firefox, Opera) or xStyle (Chrome/Edge, Firefox), or a more manual CSS injector like Stylebot (Chrome/Edge, Firefox) to use this CSS.

You can hover over the blurred sentence to unblur:

Link to UserCSS.

Enjoy!

[prouleau]

There is also this script. It also allows you to reveal the context sentences by hovering over them.

[Userscript]: Hide Context Sentence Translation

Hide Context Sentence Translation [image] In response to a request thread, here is a userscript for hiding the English translation of Context Sentences on the Lesson, Review, and Item pages. The translation is hidden under a gray box, and is revealed when you hover your cursor over the box. https://greasyfork.org/en/scripts/14844-wanikani-hide-context-sentence

[Unlocked]

I tried to search for similar things on the forum, but I guess my queries weren’t wide enough. Ah well.

[rwesterhof]

Looks pretty! And now people have the choice of scripting or CSS’ing

[Kumirei]

The forum software’s search kind of sucks