Estilos avanzados

Las opciones de color, fuente y radio de borde en Atributos cubren la mayoría de las encuestas, pero no todos los casos - a veces necesitas un control a nivel de píxel sobre un botón concreto, el espaciado de un campo o los puntos del indicador de pasos entre pasos. Estilos avanzados añade un único editor de CSS combinado a cada encuesta exactamente para eso: CSS real, escrito una vez, aplicado sobre los estilos predeterminados propios del widget.

Abre una encuesta, ve a Encuestas → Estilos avanzados. Cada bloque de abajo es una regla CSS normal - edita cualquiera de ellos y la vista previa de la encuesta se actualiza mientras escribes, sin necesidad de botón de guardar (se guarda igual que el resto de la encuesta).

Qué puedes estilizar

El editor viene precargado con un bloque vacío por cada parte del widget - simplemente añade declaraciones, o deja un bloque vacío para no tocar esa parte:

• El título de la encuesta, el contenedor de la encuesta y el indicador de pasos (cada punto, incluido el número dentro de él mediante :after).
• Botones - una clase compartida por todos los botones, más una clase separada para Anterior, Siguiente y Enviar individualmente, para que puedas estilizarlos todos a la vez o uno a uno.
• El contenedor, la etiqueta, el mensaje de error y el campo de entrada de cada campo - ya sea para todos los campos de un tipo dado a la vez (por ejemplo, "cada campo Textarea"), o para un campo específico usando su propio selector .OivaFeedbackCustomClass__field__<fieldKey>, generado automáticamente para cada campo y mostrado en el editor.

Por qué es seguro

Cada regla que escribes solo afecta a esa encuesta (o a ese campo) - no puede filtrarse a otra encuesta insertada en la misma página, y no puede afectar a nada más en el sitio anfitrión. Esto se aplica de forma estructural (cada regla está limitada a la encuesta o campo al que apunta), no restringiendo qué CSS puedes escribir.

Volver a Creación de encuestas · Atributos