---
title: "Changer la couleur d'un lien cliquable"
description: "Changer la couleur d'un lien dans une signature pour qu'il ne soit plus bleu."
url: https://support.signitic.com/fr/articles/9560985-changer-la-couleur-d-un-lien-cliquable
collection: "Les astuces dans le code source"
updated: 2026-10-30
language: fr
alternates: [en, it, de, pt]
---

# Changer la couleur d'un lien cliquable

Changer la couleur d'un lien dans une signature pour qu'il ne soit plus bleu.

Après avoir ajouté un lien cliquable sur votre signature.

[

Ajouter un lien avec un attribut cliquable

Comment ajouter un lien avec un attribut ?

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

Rendre cliquable mon numéro de téléphone/email

Rendre un attribut cliquable.

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

Vous pouvez modifier la couleur de ce lien pour garder la même charte graphique de votre entreprise. Le but est donc d’éviter ce rendu :

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

Première solution :

## **❶** Mettre en surbrillance

Vous pouvez modifier la couleur en mettant l’attribut en surbrillance puis en sélectionnant la couleur que vous souhaitez.

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

Deuxième solution :

## **❶** Se rendre sur le bloc contenant le lien.

Rendez-vous sur le modèle que vous souhaitez modifier, et localiser le bloc qui contient votre lien.

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

## **❷** Ouvrir le code source de votre bloc

Ouvrez ensuite le code source de votre bloc.

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

Identifiez ensuite la balise <a</a> qui entoure votre lien. Dans ce cas nous prendrons comme exemple la balise {{mobile}}.

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

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

## **❸** Modifier le code

Le but est donc de modifier le code pour ajouter une variante style. Voici l'exemple à prendre :

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

Le #FF0000 correspond à la couleur rouge. Dans votre cas vous devez donc renseigner le code couleur que vous souhaitez.

Voici le rendu final de cette modification :

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

Une fois cela fait, il est aussi possible d'enlever le soulignement du lien. Voici un article qui pourra vous aider pour cela.

En cas de besoin, n'hésitez pas à contacter le support à l'aide de la bulle en bas à droite.