# Font Color Field

**URL:** <https://forums.ankiweb.net/t/font-color-field/40653>\
**Category:** Card Design\
**Created:** [February 2, 2024, 6:20pm UTC](https://forums.ankiweb.net/t/font-color-field/40653 "2024-02-02T18:20:15Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 6:20pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/1 "2024-02-02T18:20:15Z")

</div>

Hello,  
It is possible to change the Color of the Font of differents fields that I have in a card?. I mean the color of the tittle of THAT field, not the color of the text inside de field.  
Everytime I add a new field It appeares with an anoying blue color that I would like to change.  
Thanks you.

![Captura de pantalla 2024-02-02 190415](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/f/0/f0745abefc02493dbded031f3f089b9c102f318b.png)

![Captura de pantalla 2024-02-02 190421](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/5/f/5faba982009a761608a96e90ac95eddb2575a43c.png)

---

<div class="post-metadata">

**Author:** ![NameLessGO](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/namelessgo/32/34298_2.png) [@NameLessGO](https://forums.ankiweb.net/u/NameLessGO)\
**Post date:** [February 2, 2024, 6:35pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/2 "2024-02-02T18:35:43Z")

</div>

If you know HTML and CSS, then you can change here

[Card Templates - Anki Manual](https://docs.ankiweb.net/templates/intro.html)

Example

```auto
.card {
  font-family: arial;
  font-size: 20px;
  text-align: center;
  color: black;
  background-color: white;
}

```

[Styling & HTML - Anki Manual](https://docs.ankiweb.net/templates/styling.html)

Alternatively, you can use [AnKing Note Types (Easy Customization)](https://ankiweb.net/shared/info/952691989) to import a note type, and then you can change the colors in this card

 ![image](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/4/f/4fefb76bdf06d14bc792545a6d8542913c2417e0.jpeg)

* * *

Se vc sabe CSS e HTML, então mude aqui (primeiro e segundo link)…

Alternativamente, da para usar essa [extensão](https://ankiweb.net/shared/info/952691989) para importar uma nota modificada que permite alterações em uma interface simples

---

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 7:03pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/3 "2024-02-02T19:03:14Z")

</div>

Thank you for your answer but,  
If you use this code, you will change the color of the text inside the field and I want to change the color of the field (I don´t know if I am explaining propertly) I want to change the “blue words” witch are the field tittle

---

<div class="post-metadata">

**Author:** ![NameLessGO](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/namelessgo/32/34298_2.png) [@NameLessGO](https://forums.ankiweb.net/u/NameLessGO)\
**Post date:** [February 2, 2024, 7:10pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/4 "2024-02-02T19:10:20Z")

</div>

This card is Cloze right? (Omissão de palavras)

the blue you see it is specified in `color` on` .cloze` and` .nightMode .cloze`

```auto
.card {
    font-family: arial;
    font-size: 20px;
    text-align: center;
    color: black;
    background-color: white;
}
.cloze {
    font-weight: bold;
    color: blue; (Change me)
}
.nightMode .cloze {
    color: lightblue; (Change me if night/dark mode)
}

```

[Card Templates - Anki Manual](https://docs.ankiweb.net/templates/intro.html)  
[Styling & HTML - Anki Manual](https://docs.ankiweb.net/templates/styling.html)

---

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 7:16pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/5 "2024-02-02T19:16:14Z")

</div>

Actually is a “Basic Card” modified by me.

 ![Captura de pantalla 2024-02-02 201447](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/8/6/8641ff16126f9e99c5323798bdf2f1bbe30e4547.png)

There you can watch what I have done.  
The fact that I do not use a Cloze is because it was giving me problems so I “manufactured” one

---

<div class="post-metadata">

**Author:** ![NameLessGO](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/namelessgo/32/34298_2.png) [@NameLessGO](https://forums.ankiweb.net/u/NameLessGO)\
**Post date:** [February 2, 2024, 7:18pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/6 "2024-02-02T19:18:11Z")

</div>

Screenshot/check Estilo

---

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 7:19pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/7 "2024-02-02T19:19:07Z")

</div>

![Captura de pantalla 2024-02-02 201844](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/e/3/e38fdbafde237032ac095ceac01ee8e4a9e2bc58.png)

---

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 7:19pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/8 "2024-02-02T19:19:39Z")

</div>

And if I add what you have give me it actually not change. I think it is because the manual change

---

<div class="post-metadata">

**Author:** ![NameLessGO](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/namelessgo/32/34298_2.png) [@NameLessGO](https://forums.ankiweb.net/u/NameLessGO)\
**Post date:** [February 2, 2024, 7:29pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/9 "2024-02-02T19:29:12Z")

</div>

Could you share Plantilla del anverso to replicate the same card here

---

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 7:30pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/10 "2024-02-02T19:30:44Z")

</div>

![Captura de pantalla 2024-02-02 203025](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/d/8/d830913346593139a543b66469d569ff2504bb31.png)  
 ![Captura de pantalla 2024-02-02 203007](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/9/5/956b110832ba96f45113fcf055d65a496f701316.png)  
 ![Captura de pantalla 2024-02-02 202951](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/3X/4/e/4ee566a51e73b576400eba2a5d2dac5637ce9eea.png)

There´s all the screens

---

<div class="post-metadata">

**Author:** ![NameLessGO](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/namelessgo/32/34298_2.png) [@NameLessGO](https://forums.ankiweb.net/u/NameLessGO)\
**Post date:** [February 2, 2024, 7:44pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/11 "2024-02-02T19:44:55Z")

</div>

Hint default color is blue, and you can change in Estilo

```auto
.hint {
color: #FF0000; (change me, red or hex code for accurate color)
}

```

You can use [Field Styling](https://docs.ankiweb.net/templates/styling.html#field-styling) but you will need to remove {{hint:}}

{{hint:Continente}} → {{Continente}}

{{hint:Mapa}} → {{mapa}}

---

<div class="post-metadata">

**Author:** ![joseang](https://avatars.discourse-cdn.com/v4/letter/j/e68b1a/32.png) [@joseang](https://forums.ankiweb.net/u/joseang)\
**Post date:** [February 2, 2024, 8:01pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/12 "2024-02-02T20:01:58Z")

</div>

BRO!! IT WORKSSSS!!!  
You are the best “Olé Tú”  
I am so so so grateful to you!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [March 3, 2024, 8:02pm UTC](https://forums.ankiweb.net/t/font-color-field/40653/13 "2024-03-03T20:02:20Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.