Personalize o Estilo do Seu Questionário

O CSS controla o estilo visual. Estes fragmentos de código ajustam cores, fontes e o design dos seus questionários. Copie e modifique conforme necessário.

Como Usar

  1. Vá para o seu questionário: Perguntas → Pré-visualizar → Personalizar estilo atual → Avançado
  2. Cole o fragmento de código
  3. Altere os detalhes para se adequarem ao seu estilo

Se um fragmento de código causar problemas, remova-o. Para personalizações avançadas, consulte sua equipe de design ou desenvolvimento.

Fragmentos de CSS

Faça os títulos corresponderem à cor da sua marca

/* Títulos com a cor do tema
h1 - Título principal
h2 - Título da seção
h3 - Texto da pergunta
*/
h1,
h2 {
    color: var(--primary);
}

Dê às perguntas uma cor secundária

/* Perguntas na cor secundária do tema */
h3 {
    color: var(--secondary);
}

Torne as opções da pergunta NPS extragrandes

/* Botões NPS extragrandes */
.question-nps button {
    font-size: 1.5rem;
    padding: 1rem;
}

Editar tamanho e peso da fonte

/* Torne os títulos da seção vermelhos e muito maiores */
h2 {
    color: red;
    font-weight: 700;
    font-size: 3.1rem;
}

Exemplo de Animação: Título Piscando

Demonstra animações CSS.

/* Animação de título piscando */
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

h1 {
    animation: blinker 3s linear infinite;
}