Joomla.it Forum
Joomla! 3 => Joomla! 3 => : melaverde 02 Dec 2014, 14:17:50
-
Buongiorno a tutti,
sto usando il layout "protostar" in joomla 3.3.6 e vorrei ingrandire il carattere del solo menu principale. Nel file template/protostar/css/template.css non sono riuscito a trovare la voce che mi permette di modificare la grandezza del carattere del menu.
Avendo più menu vorrei che quello principale sia visualizzato più grande e quindi con una grandezza di font maggiore solo per questo menu e non per tutti.
Qualcuno può darmi qualche indicazione su come procedere?
Grazie
melaverde
-
Ciao,
non la trovi perchè non c'è, le dimensioni sono di 13px e vengono ereditate dal css che clolpisce il tag body.
Per fare quello che chiedi:
File : template.css
Riga : 2956
Troverai :
.nav-pills > li > a { border-radius: 5px; margin-bottom: 2px; margin-top: 2px; padding-bottom: 8px; padding-top: 8px;}
Sostituiscilo con :
.nav-pills > li > a { border-radius: 5px; margin-bottom: 2px; margin-top: 2px; padding-bottom: 8px; padding-top: 8px;
font-size: 16px; /*questa parte la puoi variare a piacimento*/
}
-
Ciao MelaVerde,
un consiglio: essendo protostar il template di default della 3.x.x, ogni aggiornamento porterebbe a perdere le modifiche che hai fatto. Per questo, io farei una copia del template e lavorerei su questa.
Hai anche il vantaggio che se qualcosa si inceppa nel template, puoi sempre ripartire dall'originale.
Buon lavoro!
-
Ciao,
non la trovi perchè non c'è, le dimensioni sono di 13px e vengono ereditate dal css che clolpisce il tag body.
Per fare quello che chiedi:
File : template.css
Riga : 2956
Troverai :
.nav-pills > li > a { border-radius: 5px; margin-bottom: 2px; margin-top: 2px; padding-bottom: 8px; padding-top: 8px;}
Sostituiscilo con :
.nav-pills > li > a { border-radius: 5px; margin-bottom: 2px; margin-top: 2px; padding-bottom: 8px; padding-top: 8px;
font-size: 16px; /*questa parte la puoi variare a piacimento*/
}
Grazie ho risolto! Era proprio quello che cercavo!
-
Ciao MelaVerde,
un consiglio: essendo protostar il template di default della 3.x.x, ogni aggiornamento porterebbe a perdere le modifiche che hai fatto. Per questo, io farei una copia del template e lavorerei su questa.
Hai anche il vantaggio che se qualcosa si inceppa nel template, puoi sempre ripartire dall'originale.
Buon lavoro!
Sto facendo delle copie del file template.css ogni volta che faccio una modifica più o meno sostanziosa.
Spero che vada tutto bene nei futuri aggiornamenti! :)
Grazie per il consiglio!
-
Ciao,
ho lo stesso problema, ma pur seguendo le vostre indicazioni non riesco ad effettuare la modifica. Nel mio template protostar alla riga 2956(che parte con una } sulla riga 2955 e finisce con una } sulla riga 2964) c'è il seguente codice:
}
.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;
}
Mi dite per favore cosa devo cambiare per modificare solo le dimensioni del carattere del menù?
GRAZIE!
Ciao
Tony Bart
-
Grazie per le mancate risposte.
Ci sbatterò la testa.
Buon anno
Tony Bart
-
@Tony:
basta che inserisci il font-size prima della graffa chiusa.
.nav-pills > li > a {
font-size:16px; /* questa è la parte da aggiungere e modificare */
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
8)
-
Grazie riard, ma non mi risolve, mi diminuisce solo le dimensioni del bottone in quella posizione e non mi ingradisce i caratteri del menu come invece vorrei, credo cge sia necessario scrivere a questo punto [RIAPERTO] perché a me non ha risolto il problema.
Grazie.
Saluti.
Tony Bart
-
Toc toc
Ciao
Tony Bart
-
A me ha funzionato, inserendo il codice mi permette di modificare l'altezza modificando l'ultimo parametro font-size.
Prova a inserire solo quella parte di codice e da quella partire per modificare a tuo piacimento, almeno per testare e per vedere se funziona.
Il template che ho usato é Protostar.
Fammi sapere se risolvi.
melaverde
-
a me ha funzionato cosi:
.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: 16px;
grazie