Kohanda oma küsitluse stiili

Uuendatud 23. november 2025

CSS aitab kujundada kodulehtede välimust. See on veebi stiilikeel. Kuigi sellega saab teha keerukaid kujundusi, ei pea sa alustamiseks olema ekspert.

Allpool on mõned väikesed CSS-koodijupid, mida saad kasutada oma küsitluse välimuse kohandamiseks. Kopeeri, kleebi ja muuda neid vastavalt vajadusele.

Kuidas kasutada

  1. Mine oma küsitlusse: Küsimused → Eelvaade → Kohanda praegust stiili → Täpsemalt
  2. Kleebi koodijupp
  3. Muuda detaile vastavalt oma stiilile

Kui koodijupp põhjustab probleeme, eemalda see. Keerukama kohandamise jaoks pea nõu oma disaini- või arendusmeeskonnaga.

CSS-koodijupid

Muuda pealkirjad oma brändi värviga samaks

/* Pealkirjad
h1 - Peamine pealkiri
h2 - Jaotise pealkiri
h3 - Küsimuse tekst
*/
h1,
h2 {
    color: var(--primary);
}

Anna küsimustele sekundaarne värv

/* Küsimused teema sekundaarses värvis */
h3 {
    color: var(--secondary);
}

Muuda NPS-küsimuse valikud eriti suureks

/* Eriti suured NPS-nupud */
.question-nps button {
    font-size: 1.5rem;
    padding: 1rem;
}

Muuda fondi suurust

/* Muuda jaotise pealkirjad punaseks ja palju suuremaks */
h2 {
    color: red;
    font-weight: 700;
    font-size: 3.1rem;
}

Animatsiooni näide: Vilkuv pealkiri

Demonstreerib CSS-animatsioone.

/* Vilkuva pealkirja animatsioon */
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

h1 {
    animation: blinker 3s linear infinite;
}