Вопрос к знатокам верстки, как поменять цвет 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 все равно остается красным. Помогите, пожалуйста, разобраться в чем проблема?

Answer 1

[Руслан Полин]

Во-первых, сейчас он у вас двухцветный: красно - оранжевый. Во-вторых, непонятно как он сделан, может это border у элемента с линейным градиентом. В-третьих, color в css задает цвет тексту, а не элементу. Если бы вы использовали иконочный шрифт для этого, то это бы сработало, а так - нет.

Скидывайте все стили для прелоадера и разметку, тогда можно что-то подсказать. Так вряд ли.


Почему вы тут поменяли цвет для прелоадера, частично:

А тут вообще забили на это?


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

Answer 2

[romy4]

скорей всего, это квадрат с round бордерами

Comments

[romy4]

и вообще, прежде чем задавать вопрос, стоит воспользоваться developer tools браузера и найти какое свойство отвечает за цвет прелоадера

[Максим Тимофеев]

romy4: Это для трусов. Герои сразу бегут на тостер.