Editar estilos globales de una landing page
Usuarios autorizados: Administradores y editores.
La misión: Personaliza los estilos globales de tu landing page con estas 4 acciones.
1. Personaliza el estilo y diseño predeterminado de tu landing page
1.1 Para personalizar los estilos personales de tu landing page, haz clic en el ícono del lápiz que se encuentra en la parte inferior de la barra lateral del editor.1.2 En la sección que se despliega verás 4 pestañas. Una de ellas es el estilo de secciones, la cual determina el tamaño de tu landing y el padding general. De manera predeterminada, la escala te propone un tamaño de 1140 píxeles, pero si deseas modificarlo, desliza el cursor o inserta el número específico que corresponda a tus necesidades.
2. Define el estilo de los textos
2.1 Una vez hayas personalizado el estilo de las secciones, haz clic en la sección Estilo de textos. De esta manera, podrás elegir la tipografía y el color de los textos que quieres usar de manera predeterminada en tu landing.
3. Define el tamaño de los títulos
3.1 En la sección Tamaño de títulos, define el tamaño predeterminado que quieres darle a los dos niveles de títulos de tu página. De modo que:
- H1 corresponde a los títulos principales
- H2 corresponde a los títulos secundarios
4. Selecciona la paleta de colores
4.1 Por último, selecciona la paleta de 4 colores que usarás principalmente en todo el diseño de la página. De esta manera, habrás culminado la selección de los estilos globales y podrás avanzar de manera más fácil en la edición de tu página.
¿Estás listo para completar la misión en Escala?
Related Articles
Editar secciones de una landing page
Usuarios autorizados: Administradores y editores. La misión: Edita las secciones de tu página con estas 4 acciones. 1. Detalla el contenido de las secciones 1.1 Cada sección de tu landing page contiene filas, columnas y, dentro de esas columnas, ...Configurar botones de una landing page
Usuarios autorizados: Administradores y editores. La misión: Configura los botones de tu landing page con estas 2 acciones. 1. Edita botones y sus textos 1.1 Cada botón en Escala puede ser configurado para realizar una acción independiente, a ...Editar landing page responsive
Usuarios autorizados: Administradores y editores. La misión: Edita la vista por dispositivos de tu landing page responsive con estas 3 acciones. 1. Cambia tu plantilla a visualización mobile 1.1 Primero, haz clic en los íconos de dispositivos que se ...Agregar bloque de HTML a una landing page de Escala
Usuarios autorizados: Administradores y editores. La misión: Agrega un bloque de HTML a tu landing page con estas 2 acciones. Próximamente en Escala, será posible personalizar aún más los diseños de tus plantillas de landing pages con un código de ...Seleccionar una plantilla de landing page en Escala
Usuarios autorizados: Administradores y editores. La misión: Selecciona la estructura según tu objetivo, navega la galería y elige la plantilla prediseñada que desees siguiendo estas 3 acciones. 1. Filtra la galería de plantillas según el tipo de ...