Come rimuovere la sottolineatura da un testo 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.

‍

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.

‍