Come rimuovere la sottolineatura da un testo linkato in Webflow?
Se utilizzi Webflow e sei uno smanettone compulsivo come noi, ti sarai sicuramente imbattuto in qualche testo sottolineato e pur volendo rimuovere questa impostazione, la maledetta linea continua a rimanere visibile.
Vediamo perché succede e come risolvere.
Come rimuove la sottolineatura da un testo linkato (text link) in Webflow?
Innanzitutto bisogna fare una distinzione in quello che sono gli elementi di testo e gli elementi di link.
Dobbiamo raggruppare questi elementi in 2 macro-categorie:
Testi:
Per testi intendiamo elementi di testo puro, come ad esempio heading, text block, paragraph, etc. Al loro interno quindi non sono presenti link.
Link:
Qualsiasi elemento che può essere linkato, come ad esempio text-link, link-block.
Il testo sottolineato si può applicare a qualsiasi elemento di testo nella sezione CSS di Webflow (vedi SS in basso) sotto la categoria Typography→Style→Decoration.
Nel caso in cui utilizziamo l’elemento link-block che al suo interno presenta un elemento di testo come un paragrafo, l’elemento di testo sarà sottolineato di default.
Per rimuovere la sottolineatura NON dovremo rimuovere l’underline (Typography→Style→Decoration) nell’elemento di testo ma nell’elemento link-block.
Ancora una volta ripetiamo: l’elemento link-block inserisce di default il testo sottolineato essendo un elemento che permette di linkare ad un’altra destinazione.
Come possiamo risolvere definitivamente?
Una soluzione che può essere di aiuto è togliere nella classe di tutti i link (quella rosa in webflow) l’impostazione sottolinea.
Vediamo come.
Selezioniamo il nostro elemento link-block, selezioniamo la nostra classe (colore rosa) All Links.
Una volta selezionata la nostra classe dovremo rimuovere l’impostazione sottolinea (underline) da tutti i link.
Typography→Style→Decoration→None
Con questa impostazione ogni volta che inseriremo un link-block (o altri elementi Link) non avremo il testo sottolineato come propone Webflow di default.
INDICE CONTENUTI
workshop gratuito
Salta nel futuro
con Webflow Facile
Il nostro team ha creato un corso di formazione pensato appositamente per chi vuole imparare le basi di Webflow in modo efficace. Il nostro metodo si fonda su quattro principi chiave:
Sfoglia le guide per argomento
Esplora le guide pratiche suddivise per argomento e approfondisci ogni aspetto di Webflow in modo chiaro e strutturato. Dalla progettazione alla pubblicazione, scopri tutorial pratici, consigli utili e best practices per creare siti web professionali in totale autonomia.
