Как изменить цвет текста в текстовом поле комментариев Disqus?

Я использую внешнюю систему комментариев Disqus с Wordpress (как плагин WP) и пытаюсь настроить ее с помощью своего собственного CSS.

Все отлично работает, но у меня проблемы с заменой цвета текста по умолчанию в текстовом поле формы.

Я пробовал это с:

#dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { color: red !important }

но мне это не удалось, даже когда я нацелился только на «текстовое поле», это не сработало.

Кажется, что javascript играет вместе, потому что есть 2 события: когда текстовая область сфокусирована и размыта. Когда есть «размытие», класс CSS .placeholder-grey добавляется в текстовую область, но таргетинг на это с помощью CSS также не работает.

У Disqus очень плохая документация, поэтому я во всем этом разобрался с проверкой кода.

Любые идеи будут действительно оценены.

P.S. У меня нет рабочего примера в Интернете, вы можете увидеть его в любом блоге/веб-сайте, где используется Disqus, например, в их собственном блоге по адресу: http://blog.disqus.com/post/974280725/achievement-unlocked-merging-profiles#disqus_thread


wordpress colors css textarea disqus
person depi    schedule 06.09.2010    source источник

Ответы (4)


arrow_upward
0
arrow_downward

Сайт, на который вы ссылаетесь, имеет блок стиля CSS непосредственно перед текстовой областью, если вы отредактируете его, добавив color: #f90;, он изменит цвет с обычного черного на оранжевый (в этом примере). Предположительно, вы также можете добавить это в head документа.

Если вы используете что-то вроде инструментов разработчика Chrome или, я думаю, Firebug для Firefox, вы можете отредактировать html/css на месте, чтобы увидеть эффект вживую (хотя он не будет сохраняться), чтобы увидеть, какие изменения вы можете или должны внести .

person David says reinstate Monica    schedule 06.09.2010

arrow_upward
1
arrow_downward

В зависимости от того, как оформлена тема, Disqus может наследовать другой цвет текста, который может совпадать с цветом фона. Вы можете изменить его, используя следующее переопределение:

#dsq-content { color: #ffffff !important; }

Если цвет текста по-прежнему не меняется, вам нужно более точно нацеливать комментарии. Это можно сделать с помощью следующего CSS:

.dsq-full-comment { color: #ffffff !important; } /*for Narcissus theme users*/

.dsq-comment-body { color: #ffffff !important; } /*for Houdini theme users*/
person Harsha    schedule 25.03.2012

arrow_upward
1
arrow_downward

Если вы еще не решили это, я нашел решение, которое сработало для меня. Сразу после тега body{} в таблице стилей wordpress вы увидите, что ul{} меняет color:#FFFFFF на color:#000000 (или любой другой цвет, который вам нравится). Это сработало для меня, и я надеюсь, что это сработает для вас.

body{
 text-decoration: none;
 background-color: #000000;
}

a:hover{
 color: #FFFFFF;
}

a {
 color: #CCCCCC;
 text-decoration: none;
 font-size: 14px;
}      

li {
 padding: 10px 10px 0px 10px;
}      

ul {
 list-style:none;
 >>> color: #000000;     
 margin-left: 25px;    
}
person marijn    schedule 15.11.2010

arrow_upward
0
arrow_downward

Веб-сайт, на который вы ссылаетесь, имеет дизайн css прямо перед текстовой областью, если вы измените это, чтобы добавить цвет: #f90; он изменится с обычного темного на лимонный (в этом примере). Предположительно, вы могли бы также добавить это в газеты.

Spybubble бесплатно

person rothbriele    schedule 20.03.2014