Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : mariarosaria 05 Nov 2019, 08:35:24
-
Salve a tutti.
Nelle impostazioni delle voci di menu ho selezionato le icone font awesome, ma non vengono visualizzate.
Il template è helix ultimate.Metto online il sito per qualche ora sperando riusciate a dare un'ochiata al codice.
Grazie
www.cittadelladellimmacolata.it (http://www.cittadelladellimmacolata.it)
-
Ciao mariarosaria,
prova a sostituire la regola css attualmente presente nel file template.css
#sp-footer ul.menu li a {
display: block;
}con
#sp-footer ul.menu li a {
display: inline-block;
}
Da PC io vedo le icone fontawesome accanto alle voci di menu principale.
-
Ciao Limma.
Con inline-block funziona alla grande.
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
-
https://fontawesome.com/privacy
Guardate il bottom menu e il footer menu di font awesome
Che meraviglia!
Un effetto del genere?
Con mouse over icone sì
-
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.
-
Riprendo questa discussione perchè il problema è sempre lo stesso.
Dopo aggiornamento joomla, le icone di font awesome del footer menu non vengono renderizzate.
Con le classi personalizzate dei link (come da topic precedenti) avevo risolto. Dopo l'aggiornamento non va più.Qualcuno mi aiuta?
Se non metto nessuna classe e utilizzo soltanto le opzioni megamenu, non compare nessuna icona. Con la classe personalizzata non vengono renderizzate
Footer menu
www.cittadelladellimmacolata.it
-
Direi che più che dall'aggiornamento di Joomla, il problrma potrebbe venire dall'aggiornamento del template.
In ogni caso, prova a sostituire l'attuale dichiarazione "font" nel tuo custom css delle voci di menu del footer con questa:
font-family: "Font Awesome 5 Free"; font-weight: 700;
-
Come sempre Limma è un mago 8)
In effetti mi chiedevo cosa c'entrasse l'aggiornamento di Joomla con le icone, si vede che ho aggiornato il template assieme agli altri componenti aggiuntivi senza essermene accorta. :o
A onor del vero, spulciando il css delle icone del menu principale, avevo già provato a sostituire
font: normal normal normal 14px/1 FontAwesome;
con
font-family: "Font Awesome 5 Free";
Ovviamente non aveva funzionato perchè mancava un'indicazione per la grandezza avendo tolto anche 14px.
Grazie mille! ;)