Как изменить цвет текста в текстовых комментариях Disqus? - PullRequest
Новая
       36

Как изменить цвет текста в текстовых комментариях Disqus?

2 голосов
/ 06 сентября 2010

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

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

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

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

, но у меня не получилось, даже когда я настроил таргетинг только на "textarea", он не работал.

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

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

Любые идеи будут по достоинству оценены.

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

Ответы [ 4 ]

1 голос
/ 16 ноября 2010

Если вы еще не решили, я нашел решение, которое сработало для меня.Немного позже тега 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;    
}
1 голос
/ 25 марта 2012

В зависимости от того, как устроена тема, 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*/
0 голосов
/ 20 марта 2014

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

Spybubble Free

0 голосов
/ 06 сентября 2010

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

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

...