Как изменить внутренние стили виджета Disqus

165
20 января 2019, 15:20

На сайте стоит виджет комментирования сервиса Disqus. Мне нужно изменить стили заголовков в разделе "Также на site.com".

Заголовки "Охрана труда" и "Путёвка Озеро Яровое". HTML разметка:

<header class="discovery-post-header">
<h3 title="Охрана труда"><span data-role="discovery-thread-title" class="title line-truncate" data-line-truncate="2">Охрана труда</span></h3>
<ul class="meta">
    <li class="comments">1 комментарий </li>
    <li class="time">2 месяца назад</li>
</ul>

CSS свойства:

.discovery-post h3 {
  margin-bottom: 4px;
  display: block;
  max-height: 2.5em;
  overflow: hidden;
}

Никак не получается перехватить этот класс и изменить его свойство.

Answer 1
.discovery-post-header h3 {
  margin-bottom: 4px;
  display: block;
  max-height: 2.5em;
  overflow: hidden;
}

Возможно, нужно будет прибегнуть к !important, это сделает ваш стиль важнее оригинала.

Это только в вопросе опечатка, или -header не было в названии класса?

READ ALSO
Как изменить important стиль средствами javascript?

Как изменить important стиль средствами javascript?

Есть какой-либо элемент, к которому применили стиль с important:

157
Подвижный контрол

Подвижный контрол

Подскажите, а как в WPF можно сделать подвижный контрол? Ну скажем, в контейнере есть какая-то кнопка и я хочу дать возможность менять ее размеры...

201
Метод страно себя ведет если создавать его в другом класе и cделать cсылку на него

Метод страно себя ведет если создавать его в другом класе и cделать cсылку на него

В первом случае метод работает правильно, курсор после открытия формы перемещается на старт

155
Получение видео с web-камеры

Получение видео с web-камеры

Как обращаться с web-камерой есть специальная библиотека, с этим проблем нетНо есть проблема, если камеру воткнуть в карту выдеозахвата, она...

161