Passe deinen Umfragestil an

CSS steuert das visuelle Erscheinungsbild. Diese Snippets passen Farben, Schriftarten und das Design deiner Umfragen an. Kopiere und ändere sie nach Bedarf.

Anleitung

  1. Gehe zu deiner Umfrage: Fragen → Vorschau → Aktuellen Stil anpassen → Erweitert
  2. Füge das Snippet ein
  3. Ändere die Details, um sie an deinen Stil anzupassen

Sollte ein Snippet Probleme verursachen, entferne es einfach. Für weitergehende Anpassungen wende dich an dein Design- oder Entwicklerteam.

CSS-Snippets

Titel an deine Markenfarbe anpassen

/* Titel in Markenfarbe
h1 - Haupttitel
h2 - Abschnittsüberschrift
h3 - Fragetext
*/
h1,
h2 {
    color: var(--primary);
}

Fragen eine Sekundärfarbe geben

/* Fragen in der sekundären Themenfarbe */
h3 {
    color: var(--secondary);
}

NPS-Frageoptionen extra groß machen

/* Extra große NPS-Schaltflächen */
.question-nps button {
    font-size: 1.5rem;
    padding: 1rem;
}

Schriftgröße und -gewicht bearbeiten

/* Abschnittsüberschriften rot und viel größer machen */
h2 {
    color: red;
    font-weight: 700;
    font-size: 3.1rem;
}

Animationsbeispiel: Blinkender Titel

Demonstriert CSS-Animationen.

/* Animation für blinkenden Titel */
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

h1 {
    animation: blinker 3s linear infinite;
}