• Resolved wjd1892

    (@wjd1892)


    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 6 years, 1 month ago by wjd1892.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Fotis

    (@markwaregr)

    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

    (@wjd1892)

    Thanks

    Plugin Support Fotis

    (@markwaregr)

    Let me know if you need additional help on this.

    Thread Starter wjd1892

    (@wjd1892)

    Thanks. How do I stop it from rotating?

    Plugin Support Fotis

    (@markwaregr)

    Hi there @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.