Mi riferisco alle icone accanto alle voci del footer menu.
Ho selezionato l'icona nel menu a tendina del mega menu e ho provato anche a mettere le classi personalizzate negli attributi css del link utilizzando
font-family: FontAwesome; fa fa-home
Adesso vedo l'icona, ma mi modifica il font delle voci di menu.
Mi chiedo se c'è un sistema "automatico" come per il menu principale per visualizzarle dato che ho la possibilità del menu a tendina dalle opzioni mega menu, senza attribuire una classe personalizzata a ciascuna voce
Non so se i moderatori mi diranno di mettere "Risolto".
Come faccio spesso, ho cercato di ovviare al problema, anche se in maniera un pò macchinosa.
Ho creato delle classi personalizzate nel file custom.css (una per ogni voce di menu) con l'attributo after, inserendo su ciascuna il codice dell'icona corrispondente e poi ho assegnato la classe alla voce di menu nelle opzioni Attributo CSS link
Ho utilizzato il seguente codice
/* Classi personalizzate per le voci del footer menu perchè non vengono visualizzate le icone da opzioni megamenu */
#sp-footer ul.menu li a.homefooter:before {
content:"\f015";
font-family: FontAwesome;
display:inline-block;
margin-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
#sp-footer ul.menu li a.sitemapfooter:before {
content:"\f0e8";
font-family: FontAwesome;
display:inline-block;
margin-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
#sp-footer ul.menu li a.cookiefooter:before {
content:"\f21b";
font-family: FontAwesome;
display:inline-block;
margin-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
/* Fine */Dato che le voci del footer menu sono soltanto 3 era un'operazione piuttosto semplice.
