---
title: "Remove the underline in the code."
description: "Remove the underline from a text using the code of your block."
url: https://support.signitic.com/en/articles/9560986-remove-the-underline-in-the-code
collection: "Tips in the source code"
updated: 2026-10-26
language: en
alternates: [fr, it, de, pt]
---

# Remove the underline in the code.

Remove the underline from a text using the code of your block.

# **❶**Locate the relevant tag

The goal is to navigate to the model you want and click on the block containing the underlined tag in your template.

# **❷**Open the source code of your block

Next, open the source code of your block.

![](https://staticfiles.gleap.io/ghelparticle/K73SOT39SZGVGIIDXLKGpY3f9sJ6sOkOoSMHv71RpalDkKunKZrFyeVP6TNcHHeSuFaPuMEOOkm.png)

Then, locate the <a</a> tag that wraps your link. In this case, we will use the {{mobile}} tag as an example.

# **❸**Modify the code

The goal is to modify the code to add a style variant. Here is the example to follow:

```javascript
<a style="color: #FF0000; text-decoration: none;" href="tel:{{mobile}}">{{mobile}}</a>
```

You need to add the "text-decoration: none;" tag in the code, which will remove the text underline.

It is also possible that your code displays this when opened.

```javascript
<a style="text-decoration: underline;" href="tel:{{mobile}}">{{mobile}}</a>
```

In this case, you only need to change the word "underline" to "none."

Here is the final result of this modification:

![](https://staticfiles.gleap.io/ghelparticle/Pfa4q3EBxP7lqO7j8n2juBOUuGNri9NakElUSOEAnAeI31jy68nvEaqmomUSt5Tc8eesKWVdW3X.png)
