Añadir un separador.

Obtienes una línea horizontal limpia que divide tu página en secciones claras. Úsala entre texto, imágenes u otros elementos cuando una página necesita una pausa visual.

Añade un separador

Abre tu página con la sesión iniciada: los controles del constructor aparecen cuando pasas el cursor sobre la zona de contenido. Crea tu primera página muestra lo básico.

1. Pasa el cursor sobre la columna y haz clic en + en su barra de controles, o haz clic en Add Elements en una página vacía. Abre la pestaña Content y haz clic en Divider. Queda arriba de la columna, sin diálogo. Arrástralo por el tirador de su barra de controles para moverlo.
2. La línea es fina, así que pasa el cursor sobre la línea misma para mostrar su barra de controles. Haz clic en More, elige Settings y escoge un Color.
3. En Thickness, elige Custom thickness.
4. Arrastra el deslizador Thickness para definir el grosor de la línea. Aquí usamos 6 px.
5. En Length, elige Custom width.
6. Arrastra el deslizador Width para definir la longitud de la línea. Aquí usamos 300 px.
7. Pon Align en Center.
8. Haz clic en Save en el diálogo. Luego haz clic en Save en la barra de herramientas arriba de la zona de contenido para guardar la página.

Lo que ves

Una línea horizontal cruza la columna en el color, grosor y longitud que elegiste. En el vídeo, tiene 6 px de grosor, 300 px de longitud y está centrada. Las visitas la ven cuando guardas la página y está publicada.

Configura tu separador

Pasa el cursor sobre el elemento y abre More > Settings en su barra de controles. Opciones:

• Color: el color de la línea. Déjalo vacío para usar el color del tema.
• Thickness: Theme default o Custom thickness. Custom thickness añade un deslizador Thickness de 0 a 20 px.
• Length: Theme default o Custom width. Deja Length en Theme default para una línea de ancho completo. Custom width añade un deslizador Width de 0 a 500 px.
• Align: Left, Center o Right. Solo se muestra con Custom width.

Si no lo ves

• Divider no está en la pestaña Content. Tu perfil de usuario lo oculta. Pide a una cuenta administradora que marque Separator en Elements en User profiles.
• Ya no está tras recargar. La página no se guardó. Añádelo de nuevo y haz clic en Save en la barra de herramientas arriba de la zona de contenido.
• El separador queda sobre tu contenido. Los elementos nuevos llegan arriba de la columna. Pasa el cursor sobre la línea y arrástrala por su tirador, o abre More > Move Down.
• La línea es invisible. El Color coincide con el fondo de la página. Pasa el cursor sobre el elemento y abre More > Settings, y elige un color con contraste.
• La línea no ocupa todo el ancho. Length está en Custom width. Pasa el cursor sobre el elemento y abre More > Settings, y devuelve Length a Theme default.

¿Qué sigue?

Panel Style para cambiar el espaciado alrededor de tu separador.