Efecto Parallax en Elementor

Si usas el maquetador visual de páginas Elementor seguro que te encantará usar el efecto Parallax que tanto se ve en las webs profesionales creadas con Divi u otros maquetadores visuales ¿verdad?

Pues también es algo que puedes hacer en Elementor, y en la versión gratuita, no hay que adquirir Elementor Pro para tenerlo.

En una navegación normal el paso de una sección a la siguiente sería tal que así…

Por el contrario, con el efecto Parallax conseguimos que los elementos de primer plano floten sobre los fondos, ofreciendo un aspecto muy atractivo y profesional, así…

Parallax en Elementor

Si no lo has encontrado hasta ahora es porque en Elementor no se le llama parallax ni paralaje ni nada parecido, vamos a ver dónde esta.

Los pasos son los siguientes:

  1. Edita la página con Elementor (como siempre)
  2. Abre los ajustes de la sección
  3. Accede a los estilos de la sección
  4. En el desplegable del Adjunto elige la opción Fijo (que es como dejas el fondo para que los elementos de primer plano hagan Parallax sobre el fondo)
  5. Guarda los cambios y ya está.

Si lo prefieres ver de un modo más visual en esta captura tienes los mismos pasos:

parallax en elementor

Como verás era muy fácil.

Sigue por aquí, que tenemos muchos más trucos para Elementor.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(14 votos, promedio: 3.9)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

8 comentarios en “Efecto Parallax en Elementor”

  1. Hola Fernando y compañeros, buenos días.

    Es que el «efecto parallax» no es más que esta linea de CSS:

    background-position: fixed;

    Mantiene fija respecto a la pantalla la imagen de fondo, de ahí el nombre que le da Elementor. Yo me pensaba que era algo más…

    Saludos.

  2. Hola Fernando!

    Soy Edu Rubianes. Nos conocimos en OMExpo… Al final de tu ponencia con el «otro» Fernando de Siteground, te hice alguna pregunta técnica relacionada con P3 Profiler y con WooCommerce… 🙂

    Sigo tus contenidos con interés. Todo lo que aportas da luz a un montón de gente como yo.

    Gracias por tus enseñanzas.

    Nos vemos!!!

  3. Esta función «fijo» de ELEMENTOR solo funciona en escritorio ¿Como puedo hacer que el efecto parallax funcione en un Movil, usando Elementor?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido