- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Sottolineatura link wordpress
-
Sottolineatura link wordpress
Ciao a tutti. Ho necessità che i link del mio blog non siano sottolineati, ma che lo diventino solo al passaggio del mouse. Adesso di default lo sono, e girovagando per la rete ho letto che bisogna andare a modificare i css tramite editor wordpress.
Qualcuno può darmi una mano per favore?
Grazie.
-
Ciao Angelo,
provo a spiegarti in breve la procedura per capire quale riga del CSS devi modificare:
- posizionati col mouse sopra il link che vuoi modificare
- tasto dx del mouse, ti compare un menù contestuale di Chrome quindi clicca su "Ispeziona" (se usi Firefox "Analizza elemento")
- Dovrebbe comparire la DevTools di Chrome, sulla sx hai l'elemento nella tab "Elements" evidenziato, sulla dx in "Styles" hai la riga di CSS che da lo stile all'elemento
Es:
[HTML]
a {
color: #000;
}
[/HTML]Accanto alla regola di stile hai il file e la riga dove si trova la regola stessa, ad esempio style.css:308, il 308 indica la riga del file style.css dove andare a modificare lo stile.
Dovresti aggiungere un nuovo attributo all'interno delle graffe
text-decoration:none;
E infine su una nuova riga aggiungere la seguente regola
[HTML]
a:hover {
text-decoration:underline;
}
[/HTML]
-
Scusami, ho modificato il messaggio perché non ti ho nemmeno ringraziato! Grazie per aver risposto! Comunque vorrei che tutti i link fossero sottolineati, e non solo uno in particolare.
-
@Angelomaro71 said:
Scusami, ho modificato il messaggio perché non ti ho nemmeno ringraziato! Grazie per aver risposto! Comunque vorrei che tutti i link fossero sottolineati, e non solo uno in particolare.
Figurati
Quello che ti ho mostrato era solo un'esempio per farti capire come modificare il foglio di stile.
[HTML]
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
[/HTML]In questo caso tutte le ancore del sito avranno quelle proprietà applicate.
Diversamente se vuoi applicarle solamente ad alcune ancore specifiche, ad esempio quelle del content (l'area dove ci sono i contenuti):
[HTML]
.content a {
text-decoration: none;
}
.content a:hover {
text-decoration: underline;
}
[/HTML]Dipende da come è fatto il layout, la proprietà comunque è sempre la stessa, quello che cambia è il selettore a cui applicarlo (a, li, div, span)
-
Grazie mille!