Personaliza el estilo de tu encuesta

CSS controla el estilo visual. Estos fragmentos ajustan los colores, las fuentes y el diseño de tus encuestas. Cópialos y modifícalos según necesites.

Cómo usarlo

  1. Ve a tu encuesta: Preguntas → Vista previa → Personalizar estilo actual → Avanzado
  2. Pega el fragmento de código
  3. Cambia los detalles para adaptarlos a tu estilo

Si un fragmento de código causa problemas, elimínalo. Para una personalización avanzada, consulta a tu equipo de diseño o desarrollo.

Fragmentos de CSS

Haz que los títulos coincidan con el color de tu marca

/* Títulos con el color del tema
h1 - Título principal
h2 - Título de la sección
h3 - Texto de la pregunta
*/
h1,
h2 {
    color: var(--primary);
}

Dale a las preguntas un color secundario

/* Preguntas en el color secundario del tema */
h3 {
    color: var(--secondary);
}

Haz que las opciones de las preguntas NPS sean extragrandes

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

Edita el tamaño y el grosor de la fuente

/* Haz que los títulos de sección sean rojos y mucho más grandes */
h2 {
    color: red;
    font-weight: 700;
    font-size: 3.1rem;
}

Ejemplo de animación: Título parpadeante

Demuestra las animaciones de CSS.

/* Animación de título parpadeante */
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

h1 {
    animation: blinker 3s linear infinite;
}