Preloader не становиться нужного цвета никак. В чем причина?

Question

[Петр Волханов]

Есть сайт ecuras.com, есть preloader <div id="qLoverlay"></div>
, который красного цвета! Хотя в CSS написано #qLoverlay{color: orange !important;}, такое же правило устанавливается с помощью JS:

jQuery(function($){
    		$('#qLoverlay').each(function(){
    			this.style.setProperty( 'color', 'orange', 'important' );
    		})
    	})

Но preloader все равно остается красным. Помогите, пожалуйста, разобраться в чем проблема?

Comments

[Justin Bieber]

а сам кружок точно не картинка?

[Петр Волханов]

Justin Bieber Там только фон картинка ecuras.com/wp-content/themes/ecuras/images/preload..., а все остальное сделано версткой я так понял.

Answer 1

[Алексей Уколов]

Цвет прелоадера зависит вот от этого правила:

#spinner:before {
    border-top-color: #e1472f;
    border-left-color: #e1472f;
    border-right-color: #e1472f;
}

P.S. Через js вы его не сможете установить, потому что :before - это ShadowDOM, а вот через css вполне.

Comments

[Justin Bieber]

как ты узнал это?

[Петр Волханов]

Алексей Уколов но основная часть preloader осталась красная, мне бы ее изменить цвет...