Personnalisez le style de votre sondage

Le CSS contrôle le style visuel. Ces extraits de code permettent d’ajuster les couleurs, les polices et le design de vos sondages. Copiez-les et modifiez-les selon vos besoins.

Mode d’emploi

  1. Allez dans votre sondage : Questions → Aperçu → Personnaliser le style actuel → Avancé
  2. Collez l’extrait de code
  3. Modifiez les détails pour les adapter à votre style

Si un extrait de code cause des problèmes, supprimez-le. Pour une personnalisation avancée, consultez votre équipe de design ou de développement.

Extraits de CSS

Assortir les titres à la couleur de votre marque

/* Titres aux couleurs du thème
h1 - Titre principal
h2 - Titre de section
h3 - Texte de la question
*/
h1,
h2 {
    color: var(--primary);
}

Donner aux questions une couleur secondaire

/* Questions dans la couleur secondaire du thème */
h3 {
    color: var(--secondary);
}

Rendre les options des questions NPS très grandes

/* Boutons NPS très grands */
.question-nps button {
    font-size: 1.5rem;
    padding: 1rem;
}

Modifier la taille et la graisse de la police

/* Rendre les titres de section rouges et beaucoup plus grands */
h2 {
    color: red;
    font-weight: 700;
    font-size: 3.1rem;
}

Exemple d’animation : Titre clignotant

Démontre les animations CSS.

/* Animation de titre clignotant */
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

h1 {
    animation: blinker 3s linear infinite;
}