- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Cambiare il font-size della sidebar
-
Cambiare il font-size della sidebar
Ciao,
ho letto già dei post su come cambiare il font-size della sidebar ma non ne sto venendo a capo. Uso un normalissimo template "twenty twelve" e ho provato a modificare il file style.css ma senza successo.
Sono solo riuscito a cambiare il font-size del titolo del menù (h3) ma non riesco a modificare il font-size delle voci del menù.Qualcuno sa aiutarmi? Il sito è in locale, comunque è un normalissimo template "twenty twelve".
Grazie.
-
Perchè molto probabilmente devi agire sulla classe ( o id ) specifica di quell'elemento.
Se utilizzi chrome o firefox hai vita semplice.- metti il mouse su cosa vuoi cambiare
- Tasto destro del mouse e premi 'ispeziona elemento'
Li, puoi leggere a quale classe o id è associato e magari fare dei test in linea ( con ispeziona elemento ) per vedere se ti prende le modifiche. Una volta capito come fare, modifichi lo style.css relativo.
-
Esatto, con firefox sei anche più comodo, puoi fare l'editing in real-time del css e vedere in automatico come cambia sul tuo sito
-
Vedi che vale anche per chrome e nuove versioni di ie
-
@Ultima said:
Vedi che vale anche per chrome e nuove versioni di ie
Azzz hai ragione, e io che saltavo sempre su firefox:D
-
Grazie per le risposte.
Putroppo non ne riesco a venire a capo....ho provato con "ispeziona elemento" ma non ne vengo a capo.Il template è questo: w w w .danielebazzano.it/wordpress-twenty-twelve/ (non è il mio sito ma il il template è identico)
Quello che sto cercando di fare è di ingrandire il font del menù laterale (sotto "categorie" o "archivio")
-
Pronti!
Foglio di stile -- > http://www.danielebazzano.it/wp-content/themes/twentytwelve/style.css?ver=4.1
Riga 122, modifica il font size assegnando una grandezza al carattere in px:
.archive-title,.page-title,.widget-title,.entry-content th,.comment-content th{ font-size:11px; font-size:.785714286rem; line-height:2.181818182; font-weight:bold; text-transform:uppercase; color:#636363 }