Qué es el editor de CSS personalizado
Es una herramienta de estilos en vivo dentro de Páginas y diseño de cada evento. Antes, para cambiar el aspecto de un elemento tenías que abrir las herramientas del navegador y buscar su selector. Ahora el editor lo hace por ti y te ofrece fragmentos de CSS listos para ajustar. Sus funciones principales son:Cómo usar el editor
1
Abre el editor
Entra en tu evento y ve a Páginas y diseño → CSS personalizado. A la izquierda verás el panel para escribir CSS y a la derecha la vista previa de la página.
2
Selecciona un elemento
Haz clic en cualquier elemento de la vista previa. Aparece una ventana con su selector y opciones para copiarlo o insertar una regla CSS inicial en el editor.
3
Escribe o inserta el CSS
Escribe tus reglas a mano o usa uno de los estilos rápidos para generar código de partida. Los cambios se ven de inmediato en la vista previa.
4
Revisa y guarda
Comprueba el resultado en la vista previa y guarda. Los estilos se aplican automáticamente a todas las páginas públicas del evento.
Estilos rápidos
Después de seleccionar un elemento, elige un estilo rápido para insertar reglas CSS preconfiguradas. Luego ajusta los valores a los colores y medidas de tu marca.Páginas a las que se aplica
El CSS personalizado se aplica a todas las páginas públicas del evento, para que la marca se vea igual de principio a fin:- Detalles: información general del evento.
- Agenda: programa y horarios de las sesiones.
- Pago: registro o compra de entradas.
- Pago con tarjeta: procesamiento del pago en eventos de pago.
- Confirmación: pantalla tras completar el registro o la compra.
- Salida del pago: página que se muestra si la persona abandona el proceso de pago.
- Evento en línea: página de acceso para eventos virtuales.
Duplicar eventos con CSS personalizado
No tienes que volver a escribir tu CSS en cada evento:- Al duplicar un evento, todo el CSS personalizado del original se copia al nuevo.
- Al copiar la configuración de otro evento, el CSS se incluye entre los ajustes copiados.
Ejemplo de estilos para móvil
El CSS se aplica en todos los tamaños de pantalla. Si quieres reglas solo para móviles, usa media queries:.mi-selector por el selector que obtengas al hacer clic en el elemento.
Preguntas frecuentes
¿El CSS se aplica a todos los eventos de mi cuenta?
¿El CSS se aplica a todos los eventos de mi cuenta?
No. Cada evento tiene su propio CSS. Para reutilizarlo, duplica el evento, copia la configuración desde otro evento o copia y pega el código en el editor del otro evento.
¿Puedo ver los cambios antes de guardar?
¿Puedo ver los cambios antes de guardar?
Sí. La vista previa se actualiza al instante mientras escribes.
¿Necesito saber CSS?
¿Necesito saber CSS?
Ayuda tener nociones básicas, pero no es imprescindible. Los estilos rápidos generan el código por ti y la selección con clic te da los selectores.
¿Qué pasa si mi CSS choca con los estilos predeterminados?
¿Qué pasa si mi CSS choca con los estilos predeterminados?
Tu CSS se aplica después de los estilos predeterminados de Chateea, así que normalmente los reemplaza. Si una regla no se aplica, usa un selector más específico o agrega
!important.¿Cómo quito el CSS personalizado?
¿Cómo quito el CSS personalizado?
Borra el código del editor y guarda. Las páginas vuelven al estilo predeterminado.
¿Los estilos rápidos sirven para cualquier elemento?
¿Los estilos rápidos sirven para cualquier elemento?
Se generan según el elemento seleccionado. Tipografía funciona mejor con textos; Borde o Fondo, con la mayoría de contenedores. Siempre puedes editar el código generado.
Artículos relacionados
Crear y gestionar eventos
Configura tu evento de principio a fin.
Duplicar eventos
Reutiliza diseño, contenido y entradas.