How To Change Preloader Color - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Change Preloader Color

RD

Robert Deutschmann

Helix Framework 4 years ago

Hi

How can i change the preloader color. I would like to change the color of the preloader type "Two Circles" from red to blue. I tried to set the custom.css like this:

body,.sp-preloader { background-color: #fff; color: #2d5dfa; } .sp-preloader > div { background: #2d5dfa; } .sp-preloader > div:after { background: #fff; }

But no effect.

Any idea how to do it?

Thanks and br, Robert

0
Website
https://www.mfv-marbach.ch
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31093

Hello there!

Thanks for your query.

Please use the following code in your custom CSS:

.sp-pre-loader .circle-two>span, .sp-pre-loader .circle-two>span:before, .sp-pre-loader .circle-two>span:after{
border: 2px solid blue;}

.sp-pre-loader .circle-two>span{
border-left-color: transparent;}

.sp-pre-loader .circle-two>span:before{
border-right-color: transparent;}

.sp-pre-loader .circle-two>span:after{
border-bottom-color: transparent;}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Hope this helps!

Best Regards

1
RD
Robert Deutschmann
Accepted Answer
4 years ago #31153

Hi Rashida Rahman

Many thanks. Problem now solved. :-)

br, Robert

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #31334

Glad to know that it helps:)

You are always welcome!

0