Kohanda oma küsitluse stiili

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;
}