Support Forums

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

Your Time: Our Time:

Preloader animation?

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

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
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)

Sifat

Sifat

Total Accepted Answers: 101
Toufiq

Toufiq

Total Accepted Answers: 87
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 86
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2

115

Templates

295672

Community Users

Newsletter

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. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us