Conception de l'enquête avec CSS

Organisation → CSS personalisé

Nos enquêtes peuvent être personnalisées pour répondre à la majorité des besoins. Si vous estimez qu'il est nécessaire d'apporter des ajustements supplémentaires à l'enquête, vous pouvez le faire en ajoutant du CSS personnalisé.

1 Questions
2 La barre de progression
- 2.1 Changement de la couleur de la barre de progression de l'enquête (en orange)
- 2.2 Modifier la taille de la barre de progression de l'enquête
3 Modification de la mise en page
4 Le Widget

Questions

Modifier la question du NPS pour qu'elle n'apparaisse qu'en une seule couleur

.feedback-question__input-wrap.is-nps .feedback-stars-background .feedback-stars-rating a {  background: #0240AC !important;  border-color: #0240AC !important;  box-shadow: 0 1.5px 0 rgba(0,0,0,.1) !important;

Suppression du décompte des questions dans le coin supérieur droit

#feedback-remaining { display:none;}

Modifier la couleur de l'étiquette sous chaque étoile

/*Tooltips*/#feedback-question-0000000 .fd.fd-star:hover:after {opacity:1;display:block;}.fd.fd-star.is-1:after {    content: "test";    position: absolute;    display: block;    bottom: -50px;    left: -40px;    z-index: 10;    opacity: 0;    display:none;    width: 120px;    background: #000000;    font-size: 1rem;    color: #FFFFFF;    padding: 0.4rem;    border-radius: 0.4rem;    text-indent: 0;    font-size:0.8rem;}

les champs de contenu et de couleur doivent être ajustés, le code doit être ajouté pour chaque étoile

Supprimer les étiquettes au survol de chaque note

Modifier le nombre de Smileys à quatre options

Modifier l'ordre des smileys

Remplacer les étoiles par des chiffres dans les classements

Suppression de la mention "Presque, dernière question ! 🚀”

La barre de progression

Changement de la couleur de la barre de progression de l'enquête (en orange)

Modifier la taille de la barre de progression de l'enquête

Modification de la mise en page

Modification de la taille du logo

Agrandir les options de l'image

Changer la police de votre enquête

Retirer les confettis à la fin de l'enquête

Modifier le symbole d'etoile de satisfaction

Accédez à notre base de données de symboles : Find the Perfect Icon for Your Project in Font Awesome & replacez le f111 avec le code du symbole que vous désirez.

Modifier la taille du texte de la description

Modification de la taille de la police de la question :

Modification de la taille de la police des options du tableau des classements :

Modification de la taille de la police des options de la question de choix :

Le Widget

Remplacer le bouton suivant du widget par une flèche

Modifier la couleur du bouton du widget :

Supprimer l'espace en bas de page :

Masquer le bouton "démarrer"/"suivant" si la réponse est requise :

Modifier la taille de la fenêtre contextuelle du widget

Vue d'ensemble du rapport

eg.

Feedier - Base de connaissances