Custom Loader

---

This document explains how to customize the AJAX loader displayed in the Divi FilterGrid plugin when the filter button or pagination links are clicked.

By default, Divi FilterGrid uses the same loader that Divi uses in the Visual Builder when editing a page.

You can change the default loader by going to the module’s Design tab -> Loader section. Here you will find additional loaders to choose from. You can also modify the color, size and speed of each loader. If you prefer to use a custom loader such as your logo, please follow the steps below:

The following code, when added to your functions.php file in your child theme, will allow you to insert your own loader:

 

In the example below, we are replacing the default loader with a simple rotating circle.