Поможете со стилями в wordpress?

Question

[erstet]

Привет Тостер!
Суть вопроса заключается в том, что не могу никак понять откуда берется класс стиля и почему он так отображается??

В IE текст в строке браузера на сайте выглядит так:


А в остальных браузерах текст почему-то серый:


Целый час бьюсь и все в пустую, плагин для поиска стоит yith woocommerce ajax search

Может кто сообразит по-быстрому и я просто туплю уже под вечер...)) Заранее спасибо!

ссылка на сайт

p.s. так же буду рад любым комментариям по сайту)) дабы посетитель не убегал, хочется знать что и где не так(объясняю: очень долго бился с оптимизацией загрузки сайта, единственное до чего пока не дошел, это - сжатие картинок, а с остальным навозился...)

Answer 1

[Алексей Зуев]

В FF, к примеру, свойство opacity для стиля атрибута placeholder меньше 1, поэтому текст выглядит тусклым. Для правильного отображения в разных браузерах желательно задать одни стили.

Answer 2

[littleguga]

Файл: tea-trance.ru/wp-content/themes/nielsen/theme/asse...
ctrl+f -> placeholder и видим 3 значения color #999;

Comments

[erstet]

В файл bootstrap.css и bootstrap.min.css заменил:

.form-control::-moz-placeholder {  color: #000; }
.form-control:-ms-input-placeholder {   color: #000; }
.form-control::-webkit-input-placeholder {   color: #000; }

сюда

input[type="search"] {  -webkit-appearance: none; }

добавлял цвет думал может тут...
в общем опять куда только не суюсь не выходит...

[littleguga]

erstet: Вы локально тестируете? Потому что на сайте всё равно #999

[erstet]

хмм.. странно нет я меняю на хостинге... открываю файл там прописано #000...

[littleguga]

erstet: теперь у меня тоже. Сейчас посмотрю еще.

[erstet]

так же нашел "@input-color-placeholder": "@gray-light", в файле config.json, но тоже ничего не решило

[littleguga]

erstet: tea-trance.ru/wp-content/themes/nielsen/theme/asse...
просто пустой файл

[littleguga]

erstet: tea-trance.ru/wp-content/themes/nielsen/theme/asse...
попробуйте убрать opacity или поставить его на 1

[littleguga]

erstet: не там собака зарыта была. Serj-One прав. Надо добавить черный цвет к placeholder'у, а серый он по дефолту в браузере :)

[erstet]

Весело... и как всегда было все предельно просто, говорю ж устали просто)) Большое спасибо за помощь! еще идейка есть только не пойму как сделать) если до самого не дойдет, то скоро еще обращусь к уважаемым тостерчанам!))

[littleguga]

erstet: надо спать идти :)
Удачи!

Answer 3

[Serj-One]

::-webkit-input-placeholder {color: #000;}
::-moz-placeholder {color: #000}
:-moz-placeholder {color: #000}
:-ms-input-placeholder {color: #000}