Tutorial Divi: Desactiva la animación de los elementos de las diapositivas

Si alguna vez has tratado de quitar el efecto animado que hacen los textos y distintos elementos de las diapositivas de Divi ya te habrás dado cuenta de que no hay un ajuste para ello.

Me refiero a ese efecto que hace como si rebotase desde abajo, como en la siguiente captura…

Si, como a mi, ese efecto le sobra, al menos tiene solución, en 2 pasos.

Añade una clase CSS a la diapositiva

Este primer paso no tiene misterio (bueno, ninguno), solo tienes que editar el carrusel de diapositivas y añadirle una clase CSS personalizada, por ejemplo mi_diapositiva.

Guarda los cambios en el módulo y en la página dónde esté.

Desactiva la animación

Ahora que ya tenemos una clase CSS sobre la que actuar, para no hacerlo indiscriminadamente, vamos a aplicar la magia del CSS para desactivar ese efecto de animación.

Para ello abre el Personalizador de WordPress ( Apariencia > Personalizar) y ve a la sección de «CSS adicional».

Ahí añade el siguiente código, cambiando el nombre de la clase CSS del ejemplo por la que tú hayas elegido.

Publica los cambios y ya lo tienes. Ahora los elementos de las diapositivas de ese carrusel ya no harán la animación.

Por supuesto, puedes aplicar la clase CSS a cualquier carrusel de diapositivas de Divi en el que quieras anular el efecto de animación.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(4 votos, promedio: 5)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad
Ir al contenido