Una de las mayores ventajas de Elementor es que puedes personalizar cada elemento visualmente, sin usar código. Desde los colores y tipografías, hasta sombras y animaciones, todo se configura desde el mismo editor.
¿Dónde se personaliza un widget?
Al hacer clic sobre cualquier widget, se abre su panel de configuración en la izquierda.
Este panel tiene tres pestañas principales:
-
Contenido – para definir el texto, imagen, enlace o información principal.
-
Estilo – para ajustar colores, tipografía, bordes, fondo, etc.
-
Avanzado – para configurar márgenes, relleno (padding), efectos de entrada, visibilidad, entre otros.
Cambiar el estilo visual
En la pestaña Estilo puedes:
-
Cambiar el color del texto, fondo y bordes.
-
Elegir una tipografía diferente (fuente, tamaño, grosor).
-
Aplicar sombras al texto o a cajas.
-
Redondear bordes y controlar el espaciado interno.
Ajustar márgenes y espaciado
En la pestaña Avanzado puedes:
-
Usar margen para separar elementos hacia fuera.
-
Usar relleno (padding) para dar espacio interno al contenido.
-
Activar ajustes separados para móviles, tablets o escritorio.
Agregar animaciones y efectos
Desde la misma pestaña “Avanzado” puedes aplicar:
-
Animaciones de entrada (fade in, slide, zoom, etc.)
-
Efectos de desplazamiento como parallax o movimiento al hacer scroll
-
Condiciones de visibilidad (por ejemplo, ocultar algo en móvil)
Este nivel de personalización te permite diseñar páginas que se ven profesionales y adaptadas a tu marca, sin necesidad de plugins adicionales.
En el próximo capítulo veremos cómo adaptar todos estos elementos para que tu sitio funcione correctamente en móviles y tablets.
