A plugin that increases the jap. context sentence fontsize and/or puts it on top of the information panel?

I um using tampermonkey, so a simple Javascript CSS changes should be enough :slight_smile: Anyone could write me such a script?

Try Ctrl-Plus

1 Like

stylish + css right? i haven’t tried it

also the abbreviation for japan/ese is jpn

ok fine here's a lazy one I slapped together in like five seconds just for you to copy paste into your custom css browser extension for a browser style for "https://wanikani.com/lesson/session/" (you don't need javascript so you dont need tampermonkey, and im not sure where you got that idea from, hyperforeignism?), just for you

#lesson .context-sentence-group p {
font-size: 20px;

do you want to know how I did it? I went into lesson/session, then I right-clicked on the element I wanted to change, then went into inspect element in order to find the rule that targeted that element. Then I just copy-pasted that rule into stylish and wrote my own font-size rule. Easy.

I don’t know if it’s the Correct way to do custom css that an Actual Professional Web Designer wouldn’t scoff at but it works for my own personal purposes and its so easy a monkey could do it

EDIT wait I forgot about the information panel I should do that one too

ok you’d make another section in your custom style targeting urls starting with https://www.wanikani.com/vocabulary/ and dump in this rule which I slapped together with the same method:

.individual-item .context-sentence-group p {
    font-size: 20px;

Actually now that I think about it you could probably chop .individual-item and #lesson off both rules and merge them together into one thing targeted at both urls but I don’t care enough to test it for you.

There, my first wanikani “”“script”“” not even a script though, since we’re just playing with css. and no! you do not need javascript! and thank god because i dont remember anything from the one time i did a js tutorial a couple years ago

plot twist: turns out I did indeed care enough to test it and yes I’m right and it works.

So your new, more efficient css style is simply just

.context-sentence-group p {
font-size: 20px;

and it has two applications:
urls starting with: https://www.wanikani.com/lesson/session
urls starting with: https://www.wanikani.com/vocabulary/

download stylish (or whatever your browser uses) and copy paste that shit in.

My work here is done. Remember to abbreviate japanese as ‘jpn’ from now on

I kind of want to hug you now :smiley:

If you can’t read these, what are you gonna do on jap websites?

Hugs !! (/ロ゜)/

ekalz said... I kind of want to hug you now :D 
rushkharg said... Hugs !! (/ロ゜)/
*hug* (^O^☆♪

I love being direct and helpful <:

maybe this might help somebody who has dyslexia or bad eyesight or still needs to read at large font size (since if you know how to read at large font size, reading at smaller size becomes easier imo), and doesn't know css

Thank you so much! I changed it to:

.context-sentence-group p[lang=ja]{font-size: 20px;}

so that it affects only the Japanese text. I also did not know about browser css extentions so this post was very useful. :slight_smile:

1 Like