# Card Design

**URL:** https://forums.ankiweb.net/c/anki/card-design/6.md

[Latest](https://forums.ankiweb.net/latest.md) · [Categories](https://forums.ankiweb.net/categories.md)

---

## [About the Card Design category](https://forums.ankiweb.net/t/about-the-card-design-category/14)

<div class="topic-metadata">

**Author:** [@dae](https://forums.ankiweb.net/u/dae)\
**Replies:** 0\
**Last updated:** [June 10, 2020, 4:08am UTC](https://forums.ankiweb.net/t/about-the-card-design-category/14 "2020-06-10T04:08:11Z")

</div>

Problems displaying your cards, help with templates, HTML, CSS, and so on.

---

## [Audio- 1 to be automatic; Audio- 2 on CR](https://forums.ankiweb.net/t/audio-1-to-be-automatic-audio-2-on-cr/71222)

<div class="topic-metadata">

**Author:** [@davet](https://forums.ankiweb.net/u/davet)\
**Replies:** 2\
**Last updated:** [September 26, 2026, 7:21pm UTC](https://forums.ankiweb.net/t/audio-1-to-be-automatic-audio-2-on-cr/71222 "2026-09-26T19:21:08Z")

</div>

On Windows 10 laptop, using Cloze cards. I want audio- 1 to play automatically but keep audio- 2 hidden behind a clickable button. Audio is set to ‘Play automatically’. How do I alter the following code to do this? '''…

---

## [How to stop cloze double-bolding?](https://forums.ankiweb.net/t/how-to-stop-cloze-double-bolding/71055)

<div class="topic-metadata">

**Author:** [@cwski63](https://forums.ankiweb.net/u/cwski63)\
**Replies:** 2\
**Last updated:** [September 18, 2026, 12:30am UTC](https://forums.ankiweb.net/t/how-to-stop-cloze-double-bolding/71055 "2026-09-18T00:30:40Z")

</div>

Hello. I’ve recently updated anki (09/26), and now my clozes double-bold text which is already bold. If I have text which is already bolded inside a cloze, it reveals as much bigger, instead of remaining as a normal-size…

---

## [Memrise card template \[support thread\]](https://forums.ankiweb.net/t/memrise-card-template-support-thread/34233)

<div class="topic-metadata">

**Author:** [@Eltaurus](https://forums.ankiweb.net/u/Eltaurus)\
**Replies:** 357\
**Last updated:** [September 16, 2026, 8:27am UTC](https://forums.ankiweb.net/t/memrise-card-template-support-thread/34233 "2026-09-16T08:27:43Z")

</div>

Here is an Anki card template mimicking Memrise’s looks and functionality: Instructions on how to import and use the template can be found on GitHub at the above link. If you have any further questions or …

---

## [Audio from front being played on back](https://forums.ankiweb.net/t/audio-from-front-being-played-on-back/70926)

<div class="topic-metadata">

**Author:** [@NuclearBobr](https://forums.ankiweb.net/u/NuclearBobr)\
**Replies:** 6\
**Last updated:** [September 4, 2026, 8:24am UTC](https://forums.ankiweb.net/t/audio-from-front-being-played-on-back/70926 "2026-09-04T08:24:05Z")

</div>

WHAT’S HAPPENING: Audio set in the front of card is being played on the back, but only in the preview screen. It ONLY happens while as a pop-out preview in the card browser. To be explicit: It DOES NOT happen during no…

---

## [Why does javascript needed to be loaded asynchronously for non-desktop clients?](https://forums.ankiweb.net/t/why-does-javascript-needed-to-be-loaded-asynchronously-for-non-desktop-clients/70799)

<div class="topic-metadata">

**Author:** [@avulle](https://forums.ankiweb.net/u/avulle)\
**Replies:** 0\
**Last updated:** [August 24, 2026, 10:43pm UTC](https://forums.ankiweb.net/t/why-does-javascript-needed-to-be-loaded-asynchronously-for-non-desktop-clients/70799 "2026-08-24T22:43:32Z")

</div>

Hello all, This might be a stupid question, but here goes: I’ve been adding some javascript to a deck I’ve been working on, and finally bit the bullet and refactored it all out into a separate file to import on both th…

---

## [Custom cloze template design - Minimalist](https://forums.ankiweb.net/t/custom-cloze-template-design-minimalist/70731)

<div class="topic-metadata">

**Author:** [@YoungestEgypt](https://forums.ankiweb.net/u/YoungestEgypt)\
**Replies:** 6\
**Last updated:** [August 19, 2026, 9:17am UTC](https://forums.ankiweb.net/t/custom-cloze-template-design-minimalist/70731 "2026-08-19T09:17:37Z")

</div>

Custom Cloze template Design.

---

## [\[Guide - Card Template\] Free TTS (Edge + offline Piper) with Play/Pause/Stop, no add-on install](https://forums.ankiweb.net/t/guide-card-template-free-tts-edge-offline-piper-with-play-pause-stop-no-add-on-install/70747)

<div class="topic-metadata">

**Author:** [@krmanik](https://forums.ankiweb.net/u/krmanik)\
**Replies:** 7\
**Last updated:** [August 19, 2026, 7:44am UTC](https://forums.ankiweb.net/t/guide-card-template-free-tts-edge-offline-piper-with-play-pause-stop-no-add-on-install/70747 "2026-08-19T07:44:32Z")

</div>

Sharing a small script that adds text-to-speech to card templates, no add-on, just a script tag pasted into the note type’s template. Works on desktop, AnkiMobile, and AnkiDroid (anywhere the reviewer runs a web view wit…

---

## [\[Resources\] Cross-platform Card design](https://forums.ankiweb.net/t/resources-cross-platform-card-design/69419)

<div class="topic-metadata">

**Author:** [@Eltaurus](https://forums.ankiweb.net/u/Eltaurus)\
**Replies:** 5\
**Last updated:** [August 18, 2026, 9:11pm UTC](https://forums.ankiweb.net/t/resources-cross-platform-card-design/69419 "2026-08-18T21:11:43Z")

</div>

Here are some code samples that should help with making cards look and function uniformly across all the Anki platforms. This includes: Typing scripts with typed error highlighting (reference issue; can also be used as…

---

## [Java script on front card stops working on second card](https://forums.ankiweb.net/t/java-script-on-front-card-stops-working-on-second-card/70692)

<div class="topic-metadata">

**Author:** [@Kazue](https://forums.ankiweb.net/u/Kazue)\
**Replies:** 4\
**Last updated:** [August 16, 2026, 7:16pm UTC](https://forums.ankiweb.net/t/java-script-on-front-card-stops-working-on-second-card/70692 "2026-08-16T19:16:58Z")

</div>

Hello! I’ve been using a java script on the front side of my cards to randomly choose a font face from a font list I have in the “styling” tab. It used to work before, but I’m not sure when it stopped working (could be …

---

## [Jitter-Free Auto-Centering for Anki Clozes (Desktop & Mobile) + YazType Theme](https://forums.ankiweb.net/t/jitter-free-auto-centering-for-anki-clozes-desktop-mobile-yaztype-theme/70573)

<div class="topic-metadata">

**Author:** [@yazovskij](https://forums.ankiweb.net/u/yazovskij)\
**Replies:** 0\
**Last updated:** [July 31, 2026, 8:26am UTC](https://forums.ankiweb.net/t/jitter-free-auto-centering-for-anki-clozes-desktop-mobile-yaztype-theme/70573 "2026-07-31T08:26:10Z")

</div>

Hey everyone, If you regularly work with long cloze deletion cards, you know the pain: standard JavaScript auto-scrolling (scrollIntoView()) or native #answer anchors are a complete mess. Because WebViews attempt to re…

---

## [Hiding clozes for specific questions](https://forums.ankiweb.net/t/hiding-clozes-for-specific-questions/70569)

<div class="topic-metadata">

**Author:** [@VoidBarbecue](https://forums.ankiweb.net/u/VoidBarbecue)\
**Replies:** 10\
**Last updated:** [July 31, 2026, 12:24am UTC](https://forums.ankiweb.net/t/hiding-clozes-for-specific-questions/70569 "2026-07-31T00:24:38Z")

</div>

hi! first time posting. I’m trying to get the following set up for doing math’s/physics related cards: it consists of 3 clozes, the first two are the sides of an equation and the third one is the proof of the theorem o…

---

## [Data Fields Change For All Decks](https://forums.ankiweb.net/t/data-fields-change-for-all-decks/70510)

<div class="topic-metadata">

**Author:** [@iloveankiquizzing](https://forums.ankiweb.net/u/iloveankiquizzing)\
**Replies:** 3\
**Last updated:** [July 29, 2026, 4:24am UTC](https://forums.ankiweb.net/t/data-fields-change-for-all-decks/70510 "2026-07-29T04:24:33Z")

</div>

Why is it impossible to create an Anki deck with two Basic optional reversed cards (or any other card type) each with different data fields for the “Question”, “Answer”, “Extra”, and so on? Example: Front: What is the…

---

## [Duplicate cards or deck to have both text and audio only questions](https://forums.ankiweb.net/t/duplicate-cards-or-deck-to-have-both-text-and-audio-only-questions/70460)

<div class="topic-metadata">

**Author:** [@electroremy](https://forums.ankiweb.net/u/electroremy)\
**Replies:** 8\
**Last updated:** [July 21, 2026, 4:31am UTC](https://forums.ankiweb.net/t/duplicate-cards-or-deck-to-have-both-text-and-audio-only-questions/70460 "2026-07-21T04:31:23Z")

</div>

Hi, I’m French and I use Anki to learn Japanese, with the “TANGO N5” deck This deck is associated with a course, the “N5 Bootcamp for French beginners”. My cards have a front side with a Japanese sentence (with kanji) …

---

## [Type in answer template for front and back](https://forums.ankiweb.net/t/type-in-answer-template-for-front-and-back/70458)

<div class="topic-metadata">

**Author:** [@glorp](https://forums.ankiweb.net/u/glorp)\
**Replies:** 1\
**Last updated:** [July 18, 2026, 10:10pm UTC](https://forums.ankiweb.net/t/type-in-answer-template-for-front-and-back/70458 "2026-07-18T22:10:42Z")

</div>

Hello, I’m currently studying drug names and I want to make it so that my deck allows me to type both the brand and generic name inversely when studying cards (currently I’m only typing in the brand name). Is there a wa…

---

## [Deck Override for Cloze note types](https://forums.ankiweb.net/t/deck-override-for-cloze-note-types/70246)

<div class="topic-metadata">

**Author:** [@aleks\_ya](https://forums.ankiweb.net/u/aleks_ya)\
**Replies:** 4\
**Last updated:** [June 29, 2026, 5:54am UTC](https://forums.ankiweb.net/t/deck-override-for-cloze-note-types/70246 "2026-06-29T05:54:18Z")

</div>

Hello, I’m using the latest Anki version (26.05). Basic note types have a convenient option “Deck Override”: But Cloze note types don’t have it: Is it a bug? Should I create a GitHub issue?

---

## [Randomizing order of elements shown in a context field](https://forums.ankiweb.net/t/randomizing-order-of-elements-shown-in-a-context-field/70240)

<div class="topic-metadata">

**Author:** [@td2](https://forums.ankiweb.net/u/td2)\
**Replies:** 2\
**Last updated:** [June 29, 2026, 4:25am UTC](https://forums.ankiweb.net/t/randomizing-order-of-elements-shown-in-a-context-field/70240 "2026-06-29T04:25:33Z")

</div>

I have a deck of cards to study Japanese kanji and vocab (specifically for 漢検2級). In several of these problem sets, a list of words is presented for each question that you pick the answer out of and then write the kanji …

---

## [Changing Font Color for Dark Mode](https://forums.ankiweb.net/t/changing-font-color-for-dark-mode/70212)

<div class="topic-metadata">

**Author:** [@ankiuser1993](https://forums.ankiweb.net/u/ankiuser1993)\
**Replies:** 4\
**Last updated:** [June 25, 2026, 7:35pm UTC](https://forums.ankiweb.net/t/changing-font-color-for-dark-mode/70212 "2026-06-25T19:35:45Z")

</div>

Hi. I know there have been topics on this before and I’m aware of the manual as well, but I cannot figure out a way to change the font color when using Dark Mode. I am using a shared deck that has its own formatting, so …

---

## [Odd Field Display w. 26.05 (Windows)](https://forums.ankiweb.net/t/odd-field-display-w-26-05-windows/70194)

<div class="topic-metadata">

**Author:** [@SirRooke](https://forums.ankiweb.net/u/SirRooke)\
**Replies:** 2\
**Last updated:** [June 24, 2026, 11:09am UTC](https://forums.ankiweb.net/t/odd-field-display-w-26-05-windows/70194 "2026-06-24T11:09:41Z")

</div>

Anki 26.05 is exhibiting odd behavior with some cards in my homemade Hebrew deck. I made these cards years ago & they have displayed properly up until I upgraded to 26.05 (Windows). The oddities: IN THE PRONUNCIATION …

---

## [Custom font not displaying](https://forums.ankiweb.net/t/custom-font-not-displaying/70193)

<div class="topic-metadata">

**Author:** [@bingo](https://forums.ankiweb.net/u/bingo)\
**Replies:** 0\
**Last updated:** [June 24, 2026, 3:11am UTC](https://forums.ankiweb.net/t/custom-font-not-displaying/70193 "2026-06-24T03:11:40Z")

</div>

I’m trying to update a card type with a different japanese font. I’ve put the .ttf file in the collection.media file, and changed all of the relevant fields on the card type. I’ve also installed the font on my PC, though…

---

## [26.05 (Windows): card renders blank/white when template runs JS – esp. window.speechSynthesis; audio plays but page never paints](https://forums.ankiweb.net/t/26-05-windows-card-renders-blank-white-when-template-runs-js-esp-window-speechsynthesis-audio-plays-but-page-never-paints/70180)

<div class="topic-metadata">

**Author:** [@ttrafford](https://forums.ankiweb.net/u/ttrafford)\
**Replies:** 5\
**Last updated:** [June 23, 2026, 8:43pm UTC](https://forums.ankiweb.net/t/26-05-windows-card-renders-blank-white-when-template-runs-js-esp-window-speechsynthesis-audio-plays-but-page-never-paints/70180 "2026-06-23T20:43:57Z")

</div>

Anki: 26.05, Windows, Qt6 (confirm via Help → About) AnkiMobile (iPhone): NOT affected Summary: After updating to 26.05, cards whose templates run certain JavaScript render as a blank white card in reviewer/preview/e…

---

## [Showing back of the card in another monitor](https://forums.ankiweb.net/t/showing-back-of-the-card-in-another-monitor/70190)

<div class="topic-metadata">

**Author:** [@ukhkbale](https://forums.ankiweb.net/u/ukhkbale)\
**Replies:** 4\
**Last updated:** [June 23, 2026, 12:49pm UTC](https://forums.ankiweb.net/t/showing-back-of-the-card-in-another-monitor/70190 "2026-06-23T12:49:26Z")

</div>

I want to review my cards and showing the back of the card in another monitor at the same time, so i can scan through the answer at another screen, while watching the question in the main screen. . Is there any way to d…

---

## [Image size adjustment valid for all devices?](https://forums.ankiweb.net/t/image-size-adjustment-valid-for-all-devices/70173)

<div class="topic-metadata">

**Author:** [@QuiSait](https://forums.ankiweb.net/u/QuiSait)\
**Replies:** 2\
**Last updated:** [June 21, 2026, 1:01pm UTC](https://forums.ankiweb.net/t/image-size-adjustment-valid-for-all-devices/70173 "2026-06-21T13:01:31Z")

</div>

Hello, My daughter uses anki and the front side often consists of an image. She showed me that she always needs to scroll on her tablet to see the full image which annoys her. So I added the recommended img { max-wid…

---

## [Help with making reverse cards (types with multiple fields)](https://forums.ankiweb.net/t/help-with-making-reverse-cards-types-with-multiple-fields/70127)

<div class="topic-metadata">

**Author:** [@caroline18](https://forums.ankiweb.net/u/caroline18)\
**Replies:** 3\
**Last updated:** [June 17, 2026, 2:34pm UTC](https://forums.ankiweb.net/t/help-with-making-reverse-cards-types-with-multiple-fields/70127 "2026-06-17T14:34:33Z")

</div>

Hello! I am new to Anki and coding in general, so I thought I’d see if anyone could help me here. I am trying to create reverse cards for language learning, but the card type I am using won’t let me simply “flip” the c…

---

## [Help overwrite default "type answer in" deck type - now gone](https://forums.ankiweb.net/t/help-overwrite-default-type-answer-in-deck-type-now-gone/70129)

<div class="topic-metadata">

**Author:** [@anonymus](https://forums.ankiweb.net/u/anonymus)\
**Replies:** 3\
**Last updated:** [June 17, 2026, 8:15am UTC](https://forums.ankiweb.net/t/help-overwrite-default-type-answer-in-deck-type-now-gone/70129 "2026-06-17T08:15:36Z")

</div>

Hey, i believe i accidently changed the default card type “type answer in” to the basic card type \[just show back\]. Now logically all my cards where I wanted to type in my answers have been switched to “normal type” alt…

---

## [Align bullet and text](https://forums.ankiweb.net/t/align-bullet-and-text/69990)

<div class="topic-metadata">

**Author:** [@LeoAlt](https://forums.ankiweb.net/u/LeoAlt)\
**Replies:** 1\
**Last updated:** [June 5, 2026, 10:29am UTC](https://forums.ankiweb.net/t/align-bullet-and-text/69990 "2026-06-05T10:29:13Z")

</div>

This has been annoying me for a while… The line spacing between the bullet list and paragraph is too wide… I can’t align the paragraph (-\> r. ventricular pressure overload) to the bullet list above Is there anyone …

---

## [Can I left align MathJax blocks?](https://forums.ankiweb.net/t/can-i-left-align-mathjax-blocks/69959)

<div class="topic-metadata">

**Author:** [@mason](https://forums.ankiweb.net/u/mason)\
**Replies:** 7\
**Last updated:** [June 4, 2026, 12:18am UTC](https://forums.ankiweb.net/t/can-i-left-align-mathjax-blocks/69959 "2026-06-04T00:18:39Z")

</div>

I never use MathJax block mode because my flashcards are left aligned, so it looks weird when the equation is way out in the middle. I am forced to use \[$$\]\[/$$\] cuz at least it follows my alignment, but I don’t like tha…

---

## [Why is text aligned to center by default?](https://forums.ankiweb.net/t/why-is-text-aligned-to-center-by-default/69915)

<div class="topic-metadata">

**Author:** [@MoamenAbdelsattar](https://forums.ankiweb.net/u/MoamenAbdelsattar)\
**Replies:** 12\
**Last updated:** [June 1, 2026, 11:20am UTC](https://forums.ankiweb.net/t/why-is-text-aligned-to-center-by-default/69915 "2026-06-01T11:20:41Z")

</div>

Why is text on cards aligned to center by default? I think the default value for alignment should be start, which is left for most languages and right for RTL languages. Most typography experts recommend left-aligned te…

---

## [Loading external html on card doesn't work anymore?](https://forums.ankiweb.net/t/loading-external-html-on-card-doesnt-work-anymore/69914)

<div class="topic-metadata">

**Author:** [@mfraidmylord](https://forums.ankiweb.net/u/mfraidmylord)\
**Replies:** 9\
**Last updated:** [May 30, 2026, 10:21pm UTC](https://forums.ankiweb.net/t/loading-external-html-on-card-doesnt-work-anymore/69914 "2026-05-30T22:21:37Z")

</div>

why doesn’t this code for backside of Anki card not work in newer Anki versions ? my old ubuntu machine has 25.09.2 anki version and when I synced to ankidroid it worked fine. But I’ve tried everything since then, copyin…

---

## [Creating cards with more "fields"?](https://forums.ankiweb.net/t/creating-cards-with-more-fields/69839)

<div class="topic-metadata">

**Author:** [@njsw](https://forums.ankiweb.net/u/njsw)\
**Replies:** 3\
**Last updated:** [May 22, 2026, 5:42pm UTC](https://forums.ankiweb.net/t/creating-cards-with-more-fields/69839 "2026-05-22T17:42:59Z")

</div>

Hello. I am new to Anki, and the only deck I’ve been trying out is Ultimate Geography (UG), which I found on the shared decks page. I’ve recently tried to make my own decks for my studies, but I want to mimic the layout…

[Next page](https://forums.ankiweb.net/c/anki/card-design/6.md?page=1)
