---
title: "Alterar a cor de um link clicável"
description: "Alterar a cor de um link em uma assinatura para que ele deixe de ser azul."
url: https://support.signitic.com/pt/articles/9560985-alterar-a-cor-de-um-link-clicavel
collection: "Dicas no código-fonte"
updated: 2026-10-30
language: pt
alternates: [fr, en, it, de]
---

# Alterar a cor de um link clicável

Alterar a cor de um link em uma assinatura para que ele deixe de ser azul.

Depois de adicionar um link clicável à sua assinatura.

[

Add a link with a clickable attribute

How to add a link with an attribute?

](https://support.signitic.com/fr/articles/8224249-ajouter-un-lien-avec-un-attribut-cliquable.md)[

Make my phone number/email clickable

Make an attribute clickable.

](https://support.signitic.com/fr/articles/9560981-rendre-cliquable-mon-numero-de-telephoneemail.md)

O senhor pode alterar a cor desse link para manter o mesmo design gráfico da sua empresa. O objetivo é evitar este resultado:

![](https://staticfiles.gleap.io/gattachments/O05wi9PUZH1o7dYj6AWiDZellna5xcjWOWINXG1HCSd9StxK7yUmvVmB9Zr04FpYiU59VyK4fiL.png)

Primeira solução:

## **❶** Realçar

O senhor pode alterar a cor destacando o atributo e, em seguida, selecionando a cor desejada.

![](https://staticfiles.gleap.io/ghelparticle/HKecgrLbhJTFjuTCU3opvtmTd5jUpKUuRFZ6xnHUdxM56irZlZsmF2phlnB1XYJuolCIf94HIux.gif)

Segunda solução:

## **❶** Aceder ao bloco que contém o link.

Aceda ao modelo que deseja modificar e localize o bloco que contém o seu link.

![](https://staticfiles.gleap.io/gattachments/L5PoNyhYPr5o8ioTCNEWP9bIurTy9yMN94srZ172hXYqoyNL2lUSUAMzANUauu8v1GkDg0Ean8c.png)

## **❷** Abra o código-fonte do seu bloco

Em seguida, abra o código-fonte do seu bloco.

![](https://staticfiles.gleap.io/gattachments/FEqulaA92WgC78MOdNIovRKRiAuO6oCS3KbgeotgV2151gmHeGNxofGsW15DLUShV0BcQ8DIMik.png)

Em seguida, identifique a tag <a</a> que envolve o seu link. Neste caso, usaremos a tag {{mobile}} como exemplo.

```
<a href="tel:{{mobile}}">{{mobile}}</a>
```

![](https://staticfiles.gleap.io/gattachments/1RufzMTlwsd607VLFNwRu1ZP8izRuhoe73mrGtZFU4TX36Zkb5uoGOlAqm4uueF1lTjBkXSusHn.png)

## **❸** Modifique o código

O objetivo é modificar o código para adicionar uma variante de estilo. Segue o exemplo a ser seguido:

```
<a style="color: #FF0000;" href="tel:{{mobile}}">{{mobile}}</a>
```

#FF0000 corresponde à cor vermelha. No seu caso, é necessário indicar o código da cor desejada.

Segue o resultado final desta modificação:

![](https://staticfiles.gleap.io/gattachments/zH2PWRhS2ZShC8eqZ9o6ukXP0q8o3blivzoWBNAnm7HZAOzie3yXUY8It9OUr9Vom2jo9PBaAbH.png)

Depois disso, também é possível remover o sublinhado do link. Aqui está um artigo que pode ajudá-lo com isso.

Se necessário, sinta-se à vontade para contatar o suporte utilizando o balão no canto inferior direito.