Passen Sie Ihren Umfragestil an

CSS steuert das visuelle Erscheinungsbild. Diese Snippets passen Farben, Schriftarten und das Design Ihrer Umfragen an. Kopieren und ändern Sie sie nach Bedarf.

Anleitung

  1. Gehen Sie zu Ihrer Umfrage: Fragen → Vorschau → Aktuellen Stil anpassen → Erweitert
  2. Fügen Sie das Snippet ein
  3. Ändern Sie die Details, um sie an Ihren Stil anzupassen

Sollte ein Snippet Probleme verursachen, entfernen Sie es einfach. Für weitergehende Anpassungen wenden Sie sich an Ihr Design- oder Entwicklerteam.

CSS-Snippets

Titel an Ihre 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;
}