Dale más variedad y contraste a tus páginas con opciones de estilo específicas para cada sección. 

De manera predeterminada, las secciones de la página siguen los estilos generales del sitio, pero puedes aplicar estilos a secciones individuales para cambiar el diseño, el fondo, los colores u otras configuraciones específicas de cada sección.

Los estilos de las secciones de página y de sección están disponibles en la versión 7.1.

Cambiar el estilo de la sección

Para estilizar secciones individuales de página:

1. Abre el panel Páginas y, a continuación, haz clic en Editar en la página.
2. Desplaza el cursor sobre la sección y haz clic en Editar sección. Las opciones varían según el tipo de sección.
3. Para cambiar el estilo de opciones específicas de una sección, haz clic en Diseño. Esta pestaña puede usar un nombre diferente, como Formato o Galería. Dependiendo del tipo de sección, puedes crear un enlace ancla en esta pestaña.
4. Para agregar una imagen de fondo, un video, o gráficos, haz clic en Fondo. El contenido del fondo puede aparecer sin bordes o en un recuadro desde los bordes de la sección.
5. Para elegir una combinación de colores, haz clic en Colores. Cualquier cambio en una combinación de colores afecta a todas las secciones de tu sitio que usan ese combinación.

Personalizar la cuadrícula y el espaciado en el Editor dinámico

Luego de abrir los estilos de sección en una sección de Editor dinámico, puedes cambiar estas configuraciones en la pestaña Diseño:

• Cambia la altura de la cuadrícula: usa cantidad de filas para establecer el número de filas en la cuadrícula de la sección. Esta es la única opción de estilo de sección en la que puedes tener diferentes configuraciones en el diseño para computadoras de escritorio y dispositivos móviles, pero el número mínimo de filas también depende de cuántos bloques hayas agregado y de cómo estén organizados. También puedes cambiar la altura directamente en la página haciendo clic y arrastrando el icono de la flecha azul que está en la esquina inferior derecha de la sección.
• Controla el espaciado de los bloques : usa Espacio para establecer la cantidad de relleno que aparece entre los bloques de la cuadrícula. Puedes elegir no tener espacio, un espacio predeterminado o hacer clic en ... para establecer separaciones verticales y horizontales personalizadas.
• Agrega y personaliza el relleno de la sección: activa la opción Rellenar pantalla para tener un mayor control sobre la altura y la alineación del contenido. Si no quieres relleno alrededor del contenido de la sección, deja la opción desactivada. Estas opciones solo aparecen si Rellenar pantalla está habilitado:
  • Agrega relleno a la sección fuera de la cuadrícula: en Altura, elige entre una altura pequeña, mediana o grande, o haz clic en ... para establecer una altura personalizada.
  • Configura dónde aparece el relleno de altura adicional: en la sección Alineación, alinea el contenido a la parte superior para agregar relleno debajo del contenido. Alinea el contenido en el centro para agregar relleno por encima y por debajo del contenido. Alinea el contenido con la parte inferior para agregar relleno por encima del contenido.

Personalizar la altura y el espacio en el editor clásico

Después de abrir los estilos de sección en una sección del editor clásico, puedes cambiar estos ajustes en la pestaña Diseño:

• Cambiar la altura de la sección: usa altura de sección para cambiar la altura a la que la sección aparece en la página. Las secciones con más contenidos pueden aparecer a una altura más alta que tu configuración. También afecta a la cantidad de relleno por encima y por debajo del contenido de tu sección.
• Cambia el ancho del contenido : usa el ancho del contenido para establecer cuánto del ancho de la sección abarca tu contenido.
• Cambia cómo se alinea el contenido de la sección con los bordes de la sección: usa la alineación de contenido para establecer cómo se alinea el contenido con los bordes de la sección.

Agregar separadores de sección

Puedes agregar un separador único en la parte inferior de las secciones de bloque, diseño inteligente y las secciones de galería. Después de crear el primer separador de sección de tu sitio, la configuración de ese divisor se aplica a los separadores que crees después. Si quieres que los separadores de sección sean diferentes, personaliza cada uno manualmente a medida que los crees.

Para agregar un separador de sección:

1. Abre el panel Páginas y luego haz clic en Editar en la página.
2. Desplaza el cursor sobre la sección y haz clic en Editar sección.
3. En Diseño, activa el ajuste de Separador.
4. Usa los ajustes que aparecen para personalizar el separador.

Personaliza un separador de sección

Después de activar el control de Separador, usa estas opciones para personalizar el estilo del separador:

• Forma: haz clic en el icono aleatorio para aplicar ajustes al azar, o haz clic en el icono configuración para seleccionar una forma y cambiar los ajustes manualmente.
• Trazo. Selecciona un borde de línea continua, un borde de línea punteada o ningún borde para el divisor.
• Color: selecciona un color de la paleta de tu sitio para la línea del borde.
• Grosor: establece el grosor del borde usando las opciones pequeño, mediano o grande. Haz clic en ... para cambiar manualmente el grosor del separador.

Secciones sin divisores

Si tu página incluye una sección que no admite separadores de sección, como una sección de tienda o de blog, puedes replicar el aspecto de un separador de sección con una sección de bloques en blanco.

Ten en cuenta que este separador no interactuará con la sección anterior exactamente de la misma manera que los separadores de sección integrados. Por ejemplo, si la sección tiene una imagen de fondo, el separador aparecerá debajo de la imagen en lugar de rodearla directamente.

Para agregar un separador de sección debajo de las secciones de la colección:

1. Abre el panel Páginas y haz clic en Editar en la página con la sección que no tiene un separador.
2. Haz clic en Agregar sección debajo de esa sección.
3. Haz clic en + Agregar sección en blanco, luego haz clic en Sección.
4. Desplaza el cursor sobre la nueva sección y haz clic en Editar sección.
5. Ajusta la altura en pequeña y activa la opción Separador.
6. Aplica los estilos que prefieras al divisor. No agregues ningún bloque a esta sección.

¿Qué puedo cambiar con los estilos de sección?

Lo que puedes cambiar con los estilos de sección depende del tipo de sección.

Secciones de bloques y diseños inteligentes

En las secciones de bloques (ya sea en Editor dinámico o en el editor clásico) y en los diseños inteligentes, puedes personalizar el fondo y los colores, además de las opciones de diseño específicas de cada sección. Más información sobre los estilos específicos de sección Acerca de:

• Editor dinámico
• Editor clásico
• Diseños inteligentes

Secciones de colección y galería

En las secciones de colección, como las de blogs y tienda, y las secciones de galería, puedes personalizar los colores, así como opciones de diseño específicas para cada sección. Más información sobre los estilos específicos de sección Acerca de:

• Secciones de curso
• Secciones de blog
• Secciones de calendario
• Secciones de galería
• Secciones de portafolio
• Secciones de tienda
• Secciones de videos