Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : bernasub 29 Sep 2017, 11:39:57

: template protostar: come modificare font menu via css
: bernasub 29 Sep 2017, 11:39:57
Salve a tutti,
il sito che curo ha un template protostar; ho letto l'interessante guida per usare google font (http://www.joomla.it/e-ancora/articoli-community-3x/7918-personalizzare-il-template-protostar-con-i-google-font.html) su questo template, cosė ho seguito le istruzioni, ho realizzato un file css chiamato "personal" e attualmente sto felicemente usando 3 tipi di font diversi.
Il font dei menu perō č lo stesso di quello dei contenuti e la resa grafica non mi soddisfa a pieno. Mi chiedo quindi (da assoluto ignorante in materia di linguaccia css) come modificare il css (immagino il file "personal") per assegnare ai menu un google font tutto loro.
Grazie in anticipo per le risposte
: Re:template protostar: come modificare font menu via css
: adottauncane 29 Sep 2017, 11:50:49
Ciao,
hai un link al sito?
: Re:template protostar: come modificare font menu via css
: bernasub 29 Sep 2017, 11:53:45
certamente:
http://www.siciliaintreno.org (http://www.siciliaintreno.org/index.php)
: Re:template protostar: come modificare font menu via css
: adottauncane 29 Sep 2017, 12:03:47
Questa č per le voci di menų di primo ivello:

:
.nav-pills > li > a {
    font-family: "Bungee Inline";
}

poi metti il font che vuoi. Per quelle di secondo probabilmente dovrai scrivere un altro css, ma adesso non ne vedo.
Mettilo in personal.css, eventualmente aggiungi !important

:
.nav-pills > li > a {
    font-family: "Bungee Inline" !important;
}

svuota la cache del browser se non lo vedi subito.
: Re:template protostar: come modificare font menu via css
: bernasub 29 Sep 2017, 12:36:42
immagino debba ripetere tutti i passaggi presenti nella guida da me citata nel post di inizio, giusto?
: Re:template protostar: come modificare font menu via css
: adottauncane 29 Sep 2017, 12:41:13
No, se non vuoi aggiungere un altro font.
Basta che metti quello che ho scritto sul file personal.css