Question for the experts on layout, how to change the preloader color on the orange?

Is there a website ecuras.com there are preloader <div id="qLoverlay"></div>
that red color! Although written in CSS #qLoverlay{color: orange !important;}, the same rule set via JS:
jQuery(function($){
$('#qLoverlay').each(function(){
 this.style.setProperty( 'color', 'orange', 'important' );
})
 })


But the preloader is still red. Please help me to understand what's the problem?
June 27th 19 at 15:26
2 answers
June 27th 19 at 15:28
Solution
First, now you have it two-tone: red - orange. Secondly, it is unclear how it was made, maybe it's the border of an element with linear gradient. Thirdly, the color in the css sets the color of the text, not the element. If you used an icon font for this, then it would have worked, but, no.

Throws all styles for preloader and layout, then we can suggest something. Hardly.
ab47948047924689b6a6d67674cd7ff7.png

Why you then changed the color for preloader, in part:
ce9249cd31ee41189bb13aa4e6c249ce.png
And then all scored on this?
e5900537a66e4fb59b1bf7e3d98f549c.png

And why do we have to fumble in the inspector and wonder where to look for your code. It was impossible to make all styles or what?
June 27th 19 at 15:30
most likely, it is a square with round the boarders
and generally before to ask a question, you should use developer tools of browser to find which property is responsible for the color of the preloader - mina50 commented on June 27th 19 at 15:33
: This is for cowards. The heroes immediately run on a toaster. - Henderson_Beat commented on June 27th 19 at 15:36

Find more questions by tags CSS