Help Center / Editor V4 / Elements / Elemento divisor

Elemento divisor

Última actualización: septiembre 3, 2025

Quién puede usar esta función:
Este artículo es para usuarios de Editor v4. Si usas Editor v3, consulta el artículo correspondiente aquí: Widget de botón

AƱadir y eliminar el elemento

Para acceder y usar un widget:

  1. En el editor de Elementor, haga clic en +.
    Se muestran todos los elementos disponibles.

  2. Haz clic o arrastra el elemento al lienzo. Para obtener mÔs información, consulta Añadir elementos a una pÔgina.

Para eliminar el widget:

  1. En el lienzo, seleccione el elemento haciendo clic en Ʃl.
  2. Pulse la tecla Suprimir en su teclado. Para obtener mÔs información, consulte Eliminar elementos de una pÔgina.

¿Qué es el elemento divisor?

El elemento divisor aƱade una lƭnea horizontal a tu pƔgina para crear un borde entre las secciones de la pƔgina.

Caso de uso comĆŗn

Alex estÔ creando un sitio web para el próximo partido de fútbol. Quiere poner un divisor entre el titular del banner y una imagen del estadio.

AƱadir un elemento divisor: paso a paso

  1. Crea un titular de banner en la parte superior de la pƔgina.
  2. Arrastra un elemento Divisor al contenedor debajo del encabezado.
    Note
    Cuando añadas el divisor al lienzo, se crearÔ automÔticamente un contenedor. Asegúrate de que los ajustes del contenedor estén configurados en Columna y Justificar centro.

  3. El divisor es demasiado fino para este diseño. Para engrosar la línea, abre la sección Tamaño.
  4. Cambia la Altura a 5 PX.
  5. Ahora vamos a cambiar el color del divisor. Abre la sección Fondo.
  6. Selecciona un color de fondo. Para mƔs detalles, consulta Elegir un color.
  7. Por último, vamos a añadir un borde al divisor. Abre la sección Borde.
  8. Haz clic en el signo mƔs junto a Borde.
  9. Puedes ajustar el grosor, el color y el tipo de borde. En el ejemplo, dejaremos la configuración predeterminada.

    El divisor aparece debajo del titular.

Ajustes para el elemento divisor

Puede personalizar sus elementos utilizando contenido y estilo, lo que le ofrece una gran flexibilidad para adaptarlos a sus necesidades. Haga clic en las pestaƱas de abajo para ver todos los ajustes disponibles para este elemento.

Te permite etiquetar elementos individuales en una pƔgina. De esta manera, puedes enlazar a este elemento especƭfico.

Los desarrolladores utilizan los atributos para dirigirse a determinados elementos con el fin de personalizarlos. Los atributos y sus usos se explican detalladamente como parte de la documentación para desarrolladores de Elementor.

Consulte los artĆ­culos individuales sobre las opciones de estilo:

En esta pƔgina

Compartir este artĆ­culo

Hosted with