1. Home
  2. Knowledge Base
  3. Custom CSS Customizations
  4. Eliminating Image Loading Effect on Page Load

Eliminating Image Loading Effect on Page Load

Modula galleries include a default loading animation effect when images are displayed on a page. If you wish to remove this animation, you can achieve it by adding a simple CSS code in your WordPress dashboard. This guide will walk you through the process.

Steps to Remove the Image Loading Effect:

  1. Access your WordPress dashboard.
  2. Navigate to “Appearance” and select “Customize.”
  3. Within the Customizer, click on “Additional CSS.”
  4. In the “Additional CSS” section, paste the following code:
html body .modula .modula-items .modula-item img.pic { transition: none !important; transform: none !important; }
  1. Save the code.

With this CSS in place, the loading effect on your images will be effectively removed, creating a smoother and more immediate image display on your website.

Was this article helpful?

Related Articles

Leave a Reply

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