Customize Preloader Plus

  • Resolved wjd1892

    (@wjd1892)


    6 years, 1 month ago

    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.