CSS personnalisé d’un tunnel
Ajuster l’apparence avec quelques règles CSS, dans « Suivi et redirections ».
À quoi ça sert
Affiner un détail visuel (forme des boutons, couleurs) sans toucher au code.
Prérequis et forfait
Connaissance de base du CSS.
Étapes
- Ouvrez le tunnel, groupe « Connecter », onglet « Suivi et redirections ».
- Dans « Apparence et vérification de domaine », saisissez vos règles dans « CSS personnalisé (appliqué aux pages de ce tunnel) » (exemple
.tn-btn { border-radius: 999px; }). - Cliquez sur « Enregistrer les intégrations ».
Résultat attendu
Les règles s’appliquent aux pages publiques de ce tunnel.
Astuces
- 8 000 caractères au plus.
- Pour des raisons de sécurité, sont retirés : les images externes (
url(...)),@import, les polices distantes (@font-face) et les expressions de script.
Problèmes fréquents
Mon image de fond n’apparaît pas
Les images externes sont retirées du CSS. Utilisez le bloc « Image pleine largeur » ou un bandeau avec image.
Mon @import de police ne fonctionne pas
Les polices distantes ne sont pas permises.
Pages concernées
Articles liés
Style visuel et langue du tunnel12 thèmes visuels et deux langues (Français, English) pour toutes les pages d’un tunnel.Pages, éditeur et apparencePixels et suivi publicitaire (Meta, Google, TikTok)Saisir des identifiants sans coller de code ; le tunnel charge les pixels officiels.Domaines et suivi publicitaireVérification de domaine (Meta, Google, Bing, Pinterest, TikTok)Ajouter la balise de vérification fournie par le service dans le tunnel.Domaines et suivi publicitaire