Replacing the Loader - progress.gif

0
I want to replace the default loader with a custom branded one, but I cannot figure out where the reference to this file is or even where the file comes from before deployment. Has anyone done this before?
asked
3 answers
1

Here's the code from mxui.css:

.mx-progress-indicator {
    width: 70px;
    height: 10px;
    margin: auto;
    background: url("widget/images/Progress/progress.gif");
}
answered
1

Hi,

The answer can be found in this topic. In short: override it in the theme.

answered
0

this simple way with CSS code 

1- download your custom preloader gif and put it close to the custom.css file 

2- open custom.css file

3- use class “. mx-progress-indicator ” to modify the preloader 
4- then run your code and tell us your feedback

like :

.mx-progress-indicator{
    background-image: url(../preloader/preloader.gif) !important;
    height: 84px;
    width: 83px;
    background-repeat: no-repeat;
    background-size: 85px;
    margin: 0 auto;
}
answered