1️⃣ 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.

2️⃣ Open the source code of your block

Next, open the source code of your block.

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

3️⃣ Modify the code

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

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

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