# \[Userscript\] Self-Study Quiz

**URL:** <https://community.wanikani.com/t/userscript-self-study-quiz/13191>\
**Category:** API And Third-Party Apps\
**Created:** [May 10, 2016, 10:14am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191 "2016-05-10T10:14:53Z")\
**Posts on this page:** 20\
**Page:** 51

<div class="post-metadata">

**Author:** ![yk7](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/yk7/32/628324_2.png) [@yk7](https://community.wanikani.com/u/yk7)\
**Post date:** [November 25, 2022, 5:03am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1011 "2022-11-25T05:03:55Z")

</div>

Found another issue. Some icons have “watermarks”:

![](https://global.discourse-cdn.com/wanikanicommunity/original/4X/d/c/e/dce79bfd31042386da5a0a278ab0c45bf32dcd70.png)

 ![](https://global.discourse-cdn.com/wanikanicommunity/original/4X/0/8/3/0836efd0edb3ccc38861f1f844d34fc1fe5d768d.png)

That is because the script uses classnames of the form `icon-*`, and Wanikani has a style `[class^="icon-"], [class*=" icon-"] { background-image: ...`:

![](https://global.discourse-cdn.com/wanikanicommunity/original/4X/c/8/3/c8328a8460bdab0fbacb61e1c3ae91f6f9fcfad4.png)

This looks like it was done unintentionally. Or the Wanikani stylesheet changed. After removing the `icon-*` classnames, the sizes, indents or postioning might change a bit, but it looks tolerable in this case. If not, they can be adjusted using other selectors.

The patch for this issue, along with other patches can be found [here](https://github.com/x-yuri/WaniKani-Self-Study-Quiz/compare/v3.0.37...3.0.37-patches?expand=1):

- the rotate mode [doesn’t work](https://community.wanikani.com/t/userscript-self-study-quiz/13191/883)
- a [click to open](https://community.wanikani.com/t/userscript-self-study-quiz/13191/916) an object page
- the [repeated requiz](https://community.wanikani.com/t/userscript-self-study-quiz/13191/957) issue
- watermarks on some icons

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [November 28, 2022, 10:36pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1012 "2022-11-28T22:36:17Z")

</div>

@yk7,  
Thanks for the heads-up! I’ll address them as I get some time.

---

<div class="post-metadata">

**Author:** ![anon68418489](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@anon68418489](https://community.wanikani.com/u/anon68418489)\
**Post date:** [March 25, 2023, 6:17pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1013 "2023-03-25T18:17:32Z")

</div>

i’m sorry, but I tried it and is it normal not to have audio after a correct answer? edit: I use Chrome, everything works just fine, no audio though.

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [March 25, 2023, 9:16pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1014 "2023-03-25T21:16:16Z")

</div>

You’ll only get audio on vocab (not kanji or radicals) and I think only after answering a ‘reading’ question. And you have to have audio enabled. Check the speaker icon in the upper-left corner of the quiz window to see if it’s yellow (enabled) or gray (disabled).

---

<div class="post-metadata">

**Author:** ![sgsundstrom1s](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@sgsundstrom1s](https://community.wanikani.com/u/sgsundstrom1s)\
**Post date:** [June 12, 2023, 4:57am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1015 "2023-06-12T04:57:32Z")

</div>

Hey there I love using this for audio quiz’s as it’s the only way I’ve ever found to test my listening that matches my WK lvl. I even downloaded Mozilla on mobile, loaded tampermonkey, and this script to add it to my mobile devices. The issue is that my phone screen size does not play well with the sizing of the quiz window. I know barely anything about scripts… Saw how each segment has its own px size but didn’t look too much into it.

Tldr would there happen to be a line where I can edit the entire quiz window size all together? Nonetheless I thank you for your work and the community support.

edit:just saw another post how mobile isn’t supported with the same issue as me. Just wondering if there is an easy “change these numbers and voila, smaller window”

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [June 12, 2023, 6:25am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1016 "2023-06-12T06:25:52Z")

</div>

All of the CSS styling in the script is in the function `install_css()`, starting on line 529.  
I’d suggest starting with the following changes:

```javascript
Line 533: #ss_quiz {...}
   Change the width from "573px" to "360px"

Line 545: #ss_quiz .cfgbar {...}
   Remove "white-space:nowrap;"
   Add "text-align:left;"

Line 573: #ss_quiz[data-qtype="characters"] .question {...}
   Change font-size from "2em" to "1em"

Line 576: #ss_quiz .atype {...}
   Change font-size from "1.75em" to "1.25em"

Line 602: #ss_quiz .qwrap {...}
   Change height from "8em" to "5em"

Line 539: #ss_quiz .prev, #ss_quiz .next {...}
   Change line-height from "8em" to "5em"

```

---

<div class="post-metadata">

**Author:** ![sgsundstrom1s](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@sgsundstrom1s](https://community.wanikani.com/u/sgsundstrom1s)\
**Post date:** [June 13, 2023, 3:17am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1017 "2023-06-13T03:17:50Z")

</div>

Perfect. Looks good now. Only thing is it’s always centered (which makes part of it hidden when the keyboard comes up). Tried messing around with alignments/positions but just borked random elements 😬. But everything can be accessed. Thanks.

 ![Screenshot_20230612-222042](https://global.discourse-cdn.com/wanikanicommunity/original/4X/8/5/c/85cffb28742ada1b03bcc657fddc7e1ef2bf0275.jpeg)

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [June 13, 2023, 3:46am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1018 "2023-06-13T03:46:33Z")

</div>

Line 731 sets the distance from the top of the screen. Instead of the formula, you could assign a fixed number like 20.

```javascript
dialog.css('top', 20);

```

---

<div class="post-metadata">

**Author:** ![sgsundstrom1s](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@sgsundstrom1s](https://community.wanikani.com/u/sgsundstrom1s)\
**Post date:** [June 13, 2023, 4:07am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1019 "2023-06-13T04:07:27Z")

</div>

😁

 ![Screenshot_20230612-230624](https://global.discourse-cdn.com/wanikanicommunity/original/4X/0/0/0/0008597d34dc1b7b0c89001dbf5cf78e6f032b87.png)

---

<div class="post-metadata">

**Author:** ![Hubbit200](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/hubbit200/32/510283_2.png) [@Hubbit200](https://community.wanikani.com/u/Hubbit200)\
**Post date:** [August 9, 2023, 12:22pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1020 "2023-08-09T12:22:01Z")

</div>

Hey @rfindley I was just wondering, if you have 5 min at some point, might you consider making a small change for the item colors in SSQ?

```auto
#ss_quiz[data-itype="radical"] .qwrap, #ss_quiz .summary .que[title~="Radical"] {background-color:#0af;}
#ss_quiz[data-itype="kanji"] .qwrap, #ss_quiz .summary .que[title~="Kanji"] {background-color:#f0a;}
#ss_quiz[data-itype="vocabulary"] .qwrap, #ss_quiz .summary .que[title~="Vocabulary"] {background-color:#a0f;}
#ss_quiz[data-itype="kana_vocabulary"] .qwrap, #ss_quiz .summary .que[title~="Vocabulary"] {background-color:#a0f;}

```

Specifically here (lines 603-606), it would be great if instead of hardcoding the colors you’d consider using the built-in WK CSS variables (`--color-radical, --color-kanji, --color-vocabulary`) for them. So, for example for the radicals:

```auto
#ss_quiz[data-itype="radical"] .qwrap, #ss_quiz .summary .que[title~="Radical"] {
        background-color: var(--color-radical) }

```

(or if you wanted to keep the hardcoded one just in case: `background-color: var(--color-radical, #0af)`  
This small change would both make sure the colors are consistent with WaniKani’s and also make any user styles (such as Breeze Dark 2 which I’m working on) not need to manually change the colours for SSQ. And as far as I can tell there should be no side-effects right?  
Please let me know if you’d be willing to make that change, thanks! 🙂

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [August 9, 2023, 8:58pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1021 "2023-08-09T20:58:05Z")

</div>

done

---

<div class="post-metadata">

**Author:** ![Matto-chan](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@Matto-chan](https://community.wanikani.com/u/Matto-chan)\
**Post date:** [August 12, 2023, 5:37am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1022 "2023-08-12T05:37:56Z")

</div>

I used to be able to open Self Study Quiz from the Kanji screen and study only Kanji from a particular level via the popup window but can’t seem to do this now. I think there used to be a button? Does anyone know how to do it?

 ![kanji](https://global.discourse-cdn.com/wanikanicommunity/original/4X/b/e/f/bef25445d60cb1e3c6a451076e9230f6ca1d46fd.jpeg)

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [August 12, 2023, 2:42pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1023 "2023-08-12T14:42:06Z")

</div>

That requires the companion script “Self-Study Hide Info”:

> [@\[Userscript\] Self-Study Hide Info](https://community.wanikani.com/t/userscript-self-study-hide-info/30557):
>
> WaniKani Self-Study Hide Infowarning This is a third-party script/app and is not created by the WaniKani team. By using this, you understand that it can stop working at any time or be discontinued indefinitely. [[General Script Installation instructions](https://community.wanikani.com/t/visual-guide-on-how-to-install-a-userscript/12136)] point_left You’ll need a script host plugin like TamperMonkey [[Open Framework Installation](https://community.wanikani.com/t/installing-wanikani-open-framework/28549)] [[Download / Install “Self-Study Hide Info”](https://greasyfork.org/en/scripts/40790-wanikani-self-study-hide-info)] This is a companion script for [[Self-Study Quiz](https://community.wanikani.com/t/userscript-self-study-quiz/13191)], though Self-Study Quiz isn’t required. Thi…

I haven’t tested it recently, but it still worked last I checked. Let me know if it doesn’t.

---

<div class="post-metadata">

**Author:** ![rfindley](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/rfindley/32/35202_2.png) [@rfindley](https://community.wanikani.com/u/rfindley)\
**Post date:** [August 12, 2023, 8:17pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1024 "2023-08-12T20:17:31Z")

</div>

So… I checked Self-Study Hide Info today, and I see what you’re talking about. I had assumed your snapshot above was from sometime in the past, and that you are no longer seeing the Hide Info bar. But now I realize that you still have the Hide Info bar (which means that script is installed, of course), but it’s just missing the Quiz button.

As it turns out, WK made a change recently that causes the Quiz button to move behind the page header.

So, I’ve changed the script to remove the conflict. You can update Self-Study Hide Info [[here](https://greasyfork.org/en/scripts/40790-wanikani-self-study-hide-info)].

---

<div class="post-metadata">

**Author:** ![Matto-chan](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@Matto-chan](https://community.wanikani.com/u/Matto-chan)\
**Post date:** [August 13, 2023, 4:31am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1025 "2023-08-13T04:31:03Z")

</div>

Your a legend Robin! Thank you so much for all your hard work.

---

<div class="post-metadata">

**Author:** ![JRC](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@JRC](https://community.wanikani.com/u/JRC)\
**Post date:** [October 8, 2023, 6:01pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1026 "2023-10-08T18:01:27Z")

</div>

Is there a way to view the info (mnemonic) of a wrong answer somewhere? Or am I just too blind to find it?

---

<div class="post-metadata">

**Author:** ![prouleau](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/prouleau/32/376127_2.png) [@prouleau](https://community.wanikani.com/u/prouleau)\
**Post date:** [October 8, 2023, 6:26pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1027 "2023-10-08T18:26:54Z")

</div>

No there is no way to display this information from SSQ.

---

<div class="post-metadata">

**Author:** ![MikkaFelipe](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/mikkafelipe/32/5167_2.png) [@MikkaFelipe](https://community.wanikani.com/u/MikkaFelipe)\
**Post date:** [November 26, 2023, 1:09am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1028 "2023-11-26T01:09:29Z")

</div>

Hi, the script is really amazing. The options to customize the quizes are great.  
Is there a way to change the size (of the window)? Especially to make it bigger? The windows is super small on my laptop. It uses only 1/6 or even less of the display.

---

<div class="post-metadata">

**Author:** ![Roseblight](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/wanikanicommunity/original/3X/f/d/fd4c154120954695f788402f3bcf4e616499bc2d.png) [@Roseblight](https://community.wanikani.com/u/Roseblight)\
**Post date:** [November 28, 2023, 2:50am UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1029 "2023-11-28T02:50:27Z")

</div>

Hi - I love this script, but I had to reset Windows and reinstall, and now I don’t seem to be able to get it to work (no problems the first time though)

I know TamperMonkey is working because scripts are running fine for other sites, but either this script or maybe the Open Framework Installation is giving me trouble. I’ve tried resetting, uninstalling and reinstalling, restarting Firefox, and now I’m out of ideas

Can anyone think of anything else I could try? Are there any Firefox or other settings that would be interfering with it?

---

<div class="post-metadata">

**Author:** ![NeoArcturus](https://sea1.discourse-cdn.com/wanikanicommunity/user_avatar/community.wanikani.com/neoarcturus/32/732634_2.png) [@NeoArcturus](https://community.wanikani.com/u/NeoArcturus)\
**Post date:** [December 15, 2023, 7:03pm UTC](https://community.wanikani.com/t/userscript-self-study-quiz/13191/1030 "2023-12-15T19:03:53Z")

</div>

@rfindley I think this should be marked as correct?

 ![grafik](https://global.discourse-cdn.com/wanikanicommunity/original/4X/b/0/2/b027164be801205f34730c19f785995ccbda87a8.png)

[Previous page](https://community.wanikani.com/t/userscript-self-study-quiz/13191.md?page=50)

[Next page](https://community.wanikani.com/t/userscript-self-study-quiz/13191.md?page=52)
