Come fare per ingrandire il carattere SOLO del menù principale in Protostar

[Tony Bart]

Salve,
ho provato a seguire in altri post i consigli per arrivare alla soluzione del mio problema, ma non ci sono riuscito. Sono arrivato fino al punto di fornire la parte del template.css da variare, ma nonostante i consigli non riesco a fare ciò che vorrei. Ho provato anche con firebug ma mi aumenta le dimensioni anche di altri caratteri che invece vorrei mantenere invariati.

Di seguito, vi riporto la parte del codice "incriminato" :

}
.nav-pills > li > a {
   padding-top: 8px;
   padding-bottom: 8px;
   margin-top: 2px;
   margin-bottom: 2px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

Attendo fiducioso i vostri consigli.

Grazie.

Ciao.

Tony Bart

[X-mac]

Copia la classe nav-pils e crea una nuova classe tuo_menu incolli il contenuto del css di nav-pils modificando la dimensione dei font poi in classe suffix del modulo del menù metti la tua classe... Non dimenticare lo spazio

[Tony Bart]

Ciao,
grazie per la risposta, ma non ho capito cosa devo fare.  Di seguito a quel codice devo aggiungerne un altro come mi hai indicato? Come vado a variare il font-size?
Grazie.
Ciao
Tony Bart

[X-mac]

Per variare i font size lato css devi usare l'istruzione


font-size:yypx ---- dove yy è la dimensione che vuoi


Puoi anche aggiungere una classe al modulo come preferisci, in quel caso la tua classe deve contenere solo font-size

[Tony Bart]

così me li cambia tutti, io vorrei cambiare solo la barra del menù principale e non mi riesce.
Ciao

Tony Bart

[X-mac]

Allora crea una classe dentro il file css che contiene nav-pils


La classe si crea


nomeclasse{
font-size:yypx;
}


Salvi il file


Dentro classe suffix del modulo del menù metti


 (Spazio) nav-pils (spazio) nomeclasse

[adottauncane]

Ciao Tony Bart,
il nav-pills è riferito solo a quel menù.
Se aggiungi il font-size lì aumenta solo lì.

.nav-pills > li > a {
   padding-top: 8px;
   padding-bottom: 8px;
   margin-top: 2px;
   margin-bottom: 2px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
font-size:20px;
}

se così non è metti un link al sito.

[Tony Bart]

Grazie adottauncane!
problema [RISOLTO] grazie a te! Ora posso ingrandire a mio piacimento i caratteri del menù principale!

A presto!

Ciao.
Tony Bart