CSS Injector [Official Support]

Anki Add-ons
88

Kleinerpirat has been offline for over 1 year, and the official Anki basically does not support Add-ons.

In my opinion Css-injector is working fine. CSS-injector is an advanced add-on that needs you to edit HTML and CSS by yourself. If Anki is updated you need to check and update the code yourself. (So this add-on is usually broken periodically when Anki is updated.)

This my code will probably work with the latest Anki. (editor.css)

.fields {display: inline-block !important;}
.field-container {
    display: inline-block !important;
    padding: 2px 2px !important;
}

[notetype="Your notetype name"] .fields > *:nth-child(1) > div {
    width: 10%;
}

[notetype="Your notetype name"] .fields > *:nth-child(2) > div {
    width: 20%;
}

[notetype="Your notetype name"] .fields > *:nth-child(3) > div {
    width: 20%;
}

[notetype="Your notetype name"] .fields > *:nth-child(10) > div {
    width: 100%;
}

Maybe you need to report problems directly to the developer of jp-mining-note.
Github: jp-mining-note/issues

If you want multiple fields I recommend using the “Multi-column note editor” add-on. It doesn’t need to edit the code so it’s easy to use. Multi-column note editor (2025 edition)