Title: Customize Preloader Plus
Last modified: February 8, 2019

---

# Customize Preloader Plus

 *  Resolved [wjd1892](https://wordpress.org/support/users/wjd1892/)
 * (@wjd1892)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/customize-preloader-plus/)
 * Is it possible to customize Preloader Plus using custom CSS? The 2 things I’d
   like to do are
 * 1. use a custom icon (either gif or SVG or maybe CSS, but preferably the first
   2)
    2. use a gradient background (CSS) or maybe an image background
 * Thanks in advance
    -  This topic was modified 7 years, 3 months ago by [wjd1892](https://wordpress.org/support/users/wjd1892/).

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Support [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/customize-preloader-plus/#post-11189277)
 * Hi there,
    you can add this
 * 1. Try this
 *     ```
       #status i:before{
            content: '';
           background: url(your-image-url);
           width: 200px; //change with your image width
           height: 200px; //change with your image height
           background-size: contain;
           display: block;
           background-repeat: no-repeat;
       }
       ```
   
 * to replace with your image.
 * 2. Try this for a gradient background
 *     ```
       div#preloader{  
        background-image:linear-gradient(0deg,red,green,blue);   
       }
       ```
   
 * or this
 *     ```
       div#preloader{  
        background-image:url(your-image-here);
        background-size:cover;   
       }
       ```
   
 * in your custom CSS box for an image.
    Let me know if you need additional help
   on this.
 *  Thread Starter [wjd1892](https://wordpress.org/support/users/wjd1892/)
 * (@wjd1892)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/customize-preloader-plus/#post-11191369)
 * Thanks
 *  Plugin Support [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/customize-preloader-plus/#post-11198566)
 * Let me know if you need additional help on this.
 *  Thread Starter [wjd1892](https://wordpress.org/support/users/wjd1892/)
 * (@wjd1892)
 * [6 years, 12 months ago](https://wordpress.org/support/topic/customize-preloader-plus/#post-11601115)
 * Thanks. How do I stop it from rotating?
 *  Plugin Support [Fotis](https://wordpress.org/support/users/markwaregr/)
 * (@markwaregr)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/customize-preloader-plus/#post-11636986)
 * Hi there [@wjd1892](https://wordpress.org/support/users/wjd1892/)
    Add this
 *     ```
       div#preloader{  
        animation:none;   
       }
       ```
   
 * in your custom CSS box.
    Let me know if this worked for you.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Customize Preloader Plus’ is closed to new replies.

 * ![](https://ps.w.org/elements-plus/assets/icon-256x256.png?rev=2928103)
 * [Elements Plus!](https://wordpress.org/plugins/elements-plus/)
 * [Support Threads](https://wordpress.org/support/plugin/elements-plus/)
 * [Active Topics](https://wordpress.org/support/plugin/elements-plus/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/elements-plus/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/elements-plus/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Fotis](https://wordpress.org/support/users/markwaregr/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/customize-preloader-plus/#post-11636986)
 * Status: resolved