Modifier le design de la fenêtre Mot de passe

Temps de lecture : 6 min
Personnalisez le design de la fenêtre que les visiteurs voient lorsqu'ils s'inscrivent ou se connectent à votre espace membres. Cela s'applique également à toute page protégée par un mot de passe de votre site.
Cette page est déjà conçue pour vous, en fonction des couleurs et des polices de votre site, pour conserver un look cohérent. À partir du gestionnaire de thèmes, vous pouvez contrôler ces paramètres et modifier le design en conséquence. 

En savoir plus sur la modification de :

Utiliser un formulaire d'inscription / connexion personnalisé ?
Cet article fait référence aux formulaires par défaut. Cliquez ci-dessous pour apprendre comment personnaliser :

Modifier la police du titre

La police du texte du titre sur la fenêtre du mot de passe est tirée du thème du texte En-tête 2. Si vous désirez modifier la police, vous devez personnaliser et enregistrer ce thème depuis le gestionnaire de thèmes.

Pour modifier En-tête 2 dans le gestionnaire de thèmes :

  1. Cliquez sur l'icône Gestionnaire de thèmes à gauche de l'Éditeur.
  2. Cliquez sur Texte.
  3. Survolez Titre 2 et cliquez sur l'icône Modifier .  
  4. Personnalisez le thème en utilisant les options disponibles. Vous pouvez modifier la police, la couleur et la taille de la police, ainsi que mettre le texte en gras ou en italique.
  5. Cliquez sur Appliquer pour enregistrer vos modifications.
Important :
Cela modifie également tout autre texte avec le thème Titre 2 sur votre site.

Modifier la police des éléments de texte

La police pour tous les éléments de texte apparaissant sur la page est tirée du thème du texte Paragraphe 2. Si vous désirez modifier la police, vous devez personnaliser et enregistrer ce thème de texte à partir du gestionnaire de thèmes. 

Pour modifier le paragraphe 2 dans le gestionnaire de thèmes :

  1. Cliquez sur l'icône Gestionnaire de thèmes à gauche de l'Éditeur.
  2. Cliquez sur Texte.
  3. Survolez le Paragraphe 2 et cliquez sur l'icône Modifier .  
  4. Personnalisez le thème en utilisant les options disponibles. Vous pouvez modifier la police, la couleur et la taille de la police, ainsi que mettre le texte en gras ou en italique.
  5. Cliquez sur Appliquer pour enregistrer vos modifications.
Important :
Cela modifie également tout texte avec le thème Paragraphe 2 sur votre site.

Modifier la couleur du texte

Sélectionnez une couleur différente pour le titre et le texte de la page en ajustant la teinte foncée de Couleur 1 dans le gestionnaire de thèmes. Cette teinte est automatiquement utilisée sur l'ensemble de votre site pour divers éléments de texte. 

Pour modifier la Couleur 1 dans le gestionnaire de thèmes :

  1. Cliquez sur l'icône Gestionnaire de thèmes à gauche de l'Éditeur.
  2. Cliquez sur Couleurs.
  3. Cliquez sur la teinte la plus foncée sous Couleur 1
  4. Cliquez sur la palette de couleur à côté de Aperçu de la couleur pour modifier la couleur. 
  5. (Facultatif) Utilisez les curseurs pour modifier les valeurs de Saturation et de Luminosité.
  6. Cliquez sur Appliquer.
Important :
Modifier la teinte en suivant les étapes ci-dessus modifiera tous les autres éléments avec la même teinte.

Sélectionnez une couleur différente pour les liens et boutons en ajustant la teinte moyenne de Couleur 2 dans le gestionnaire de thèmes. Cette couleur est automatiquement utilisée sur l'ensemble de votre site pour divers éléments actionnables tels que les boutons, les liens et les éléments de menu. 

Pour modifier Couleur 2 dans le gestionnaire de thèmes :

  1. Cliquez sur l'icône Gestionnaire de thèmes à gauche de l'Éditeur.
  2. Cliquez sur Couleurs.
  3. Cliquez sur la teinte du milieu sous Couleur 2.
  4. Cliquez sur la palette de couleur à côté de Aperçu de la couleur pour modifier la couleur.
  5. (Facultatif) Utilisez les curseurs pour modifier les valeurs de Saturation et de Luminosité.
  6. Cliquez sur Appliquer.
Important :
Modifier la teinte en suivant les étapes ci-dessus modifiera tous les autres éléments avec la même teinte.

Modifier la couleur de l'arrière-plan

Pour modifier la couleur de l'arrière-plan de la page, sélectionnez une couleur différente pour Couleur 1 dans le gestionnaire de thèmes. Cette couleur est automatiquement utilisée sur l'ensemble du site, principalement pour les arrière-plans de la page et de l'élément. 

Pour modifier la Couleur 1 dans le gestionnaire de thèmes :

  1. Cliquez sur l'icône Gestionnaire de thèmes à gauche de l'Éditeur.
  2. Cliquez sur Couleurs.
  3. Cliquez sur l'icône Modifier couleur  à côté de Couleur 1.
  4. Sélectionnez une nouvelle couleur de l'une des façons suivantes :
    • Utilisez le curseur pour trouver et sélectionner une nouvelle couleur. 
    • Saisissez les valeurs exactes HEX, RGB ou HSB de la couleur. 
  5. (Facultatif) Ajustez les teintes à votre convenance.
    1. Cliquez sur la teinte que vous souhaitez ajuster.
    2. Utilisez les curseurs pour modifier les valeurs de Saturation et de Luminosité.
    3. Cliquez sur Appliquer.
Important :
Modifier la Couleur 1 en suivant les étapes ci-dessus modifiera tous les autres éléments avec cette couleur.
Suggestion :
Consultez votre site en ligne pour voir les modifications du design. Vous ne pouvez pas voir la fenêtre en prévisualisant votre site.