Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Preloader animation?

Featured Lock Resolved Issue
i want to choose the preload animation for this template, but find only on/off the preloader..
can you help me ?

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
as you noticed there is no option to choose animation style.
It requests PHP/JS code customization only.

Paul Frankowski - Staff

More than a month ago #Permalink
But if you want to change only colors please override those classes, here is default color code

.sp-preloader {
background-color: #fff;
color: #872c2c;
.sp-preloader > div {
background: #0345bf;
.sp-preloader > div:after {
background: #fff;

If you want to change the used icon etc., override this:

body.helix-ultimate-preloader:after {
content: "\f110";
font-family: "FontAwesome";
font-size: 36px;
width: 48px;
height: 48px;
line-break: 48px;
text-align: center;
color: #007bff;
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
z-index: 99999;

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 112


Total Accepted Answers: 62
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 26
Ofi Khan

Ofi Khan

Total Accepted Answers: 11
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 8




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us