• User Newbie

    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. :ciauz:


  • User Attivo

    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]


  • User Newbie

    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.


  • User Attivo

    @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)


  • User Newbie

    Grazie mille!