How to disable the default animation of Divi image galleries


One of the most used Divi modules are image galleries, either in grid mode or full width, but there is something that has always bothered me … a lot, and is the animation effect they do when loading, that there is no visible way to remove.

I mean this effect of sliding from left to right of the whole module when you get to it…

One would go to the animations section of the design tab right? But no, there is no animation enabled.

gallery settings

So how do I remove it?

Well, by disabling the default CSS that Divi gallery modules have, which generates that animation.

You just have to add the following lines in Appearance > Customize > Additional CSS

/* Deactivate animations from Divi galleries */
.et_pb_gallery_item {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}Code language: CSS (css)

When you save the changes there will no longer be a default animation effect.

How useful was this post?

Click on a smiley to rate it!

Average rating 3 / 5. Vote count: 4

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

2 thoughts on “How to disable the default animation of Divi image galleries”

  1. They drive me crazy, too, and I think they clutter the user experience. How would I change the code to disable them everywhere, especially in text modules? And once I do, can I then use animations in individual modules to re-enable it for a one-time use?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top