"load animation" (#1371119) / CodexThemes

Comments

1
Pedro started the conversation
November 16, 2017 at 4:51pm
How did you modify this loading animation with a more own one to my website?

7,092

Oliver replied

November 17, 2017 at 6:18am

HI!

You need to edit: wp-content/themes/thegem/css/thegem-preloader.css

Or use next css to change the colors:

body #page-preloader {
    background: #2c2e3d;
}
body #page-preloader .page-preloader-spin,
body .block-preloader .page-preloader-spin,
body .preloader-spin {
    border: 2px solid transparent;
    border-top-color: #b9b7ff;
}
body .preloader-spin {
    border-top-color: #b9b7ff;
}
body #page-preloader .page-preloader-spin:before,
body .block-preloader .page-preloader-spin:before,
body .preloader-spin:before {
    border: 2px solid transparent;
    border-top-color: #00bcd4;
}
body .preloader-spin:before {
    border-top-color: #00bcd4;
}
body #page-preloader .page-preloader-spin:after,
body .block-preloader .page-preloader-spin:after,
body .preloader-spin:after {
    border: 2px solid transparent;
    border-top-color: #a3e7f0;
}
body .preloader-spin:after {
    border-top-color: #7b97ab;
}

Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver

1 Like

1
Pedro replied
November 17, 2017 at 4:39pm
thank you, the second option worked
7,092
Oliver replied
November 20, 2017 at 6:49am
Welcome!
Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list.

Regards, Oliver