# Come cambiare il colore dell'icona dell'intestazione?

**URL:** <https://meta.discourse.org/t/how-to-change-header-icon-color/106098>\
**Category:** Development\
**Created:** [9 Gennaio 2019, 7:11pm UTC](https://meta.discourse.org/t/how-to-change-header-icon-color/106098 "2019-01-09T19:11:15Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![Denis\_Heraud](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denis_heraud/32/119623_2.png) [@Denis\_Heraud](https://meta.discourse.org/u/Denis_Heraud)\
**Post date:** [18 Dicembre 2019, 6:33pm UTC](https://meta.discourse.org/t/how-to-change-header-icon-color/106098/8 "2019-12-18T18:33:57Z")

</div>

Grazie per il codice.

Pubblico questo nel caso in cui qualcuno incontri lo stesso problema che ho incontrato io. A seconda della combinazione di colori che stai utilizzando per l’intestazione e le tue icone (la mia intestazione è di un colore scuro), con il codice che hai fornito ottenevo le combinazioni di colori giuste per le mie icone:

```
.d-header-icons .d-icon {
color: white !important;
}

.d-header-icons a:hover {
background-color: #789946 !important;
color: white !important;
} 

```

Tuttavia, ogni volta che cliccavo sulle icone dell’intestazione e uscivo dall’effetto hover, lo sfondo tornava a un bianco solido, il che non funzionava poiché la mia intestazione è scura e le mie icone sono impostate su bianco. Quindi, uscendo dall’effetto hover (dopo un clic), apparivano come un rettangolo bianco solido. Per risolvere il problema, ho dovuto impostare anche lo stato per “a”, non solo per “a:hover” come nei post precedenti (#93bb54 è lo stesso colore della mia intestazione):

```
.d-header-icons .d-icon {
color: white !important;
}

.d-header-icons a:hover {
background-color: #789946 !important;
color: white !important;
} 

.d-header-icons a {
background-color: #93bb54 !important;
color: white !important;
}

```

Ecco fatto!

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-header-icon-color/106098)._