Oceanwp – Come aggiungere la sottolineatura ai links

Oceanwp – Come aggiungere la sottolineatura ai links

Oceanwp non include di default la sottolineatura nei links di testo.  Se si setta la sottolineatura dalla tipografia globale su Elementor il risultato molto probabilmente non sarà quello che desideriamo.
Tutti i links sarebbero sottolineati, incluse le voci di menù, e qualsiasi link si trovi nel sito intero. 

Come fare allora per sottolineare i links solo nel testo dei post? E come fare per dare lo stile che preferisc? 

Ci viene in aiuto il CSS. Di seguito alcuni codici da poter utilizzare per poter creare lo stile che preferisci. 

CSS per sottolineare i links di testo

Aggiungi il codice CSS da: Personalizzazione – CSS/Js 

Qui includi uno di questi codici a seconda del risultato che desideri: 

Semplice Link sottolineato

body.single-post p a {
text-decoration: underline;
}

Semplice Link sottolineato + colore verde

body.single-post p a {
text-decoration: underline;
color: green;
}

Link che si sottolinea a passaggio del mouse (hover)

body.single-post
.entry-content a: hover {
text-decoration: underline;
}

Giulia Raciti

Nomade Digitale e free lance dal 2011. Mi occupo di SEO, SEO Copywriting e creazione Siti Web utilizzando Elementor

Lascia un commento