Изменить цвет подчеркивания для вкладок Disqus

Question

Как изменить цвет подчеркивания для вкладок в disqus на моем сайте?

Я попытался переписать правила disqus самостоятельно:

.nav-primary>ul>li.active>a:after {
    content: " ";
    display: block;
    right: 0;
    height: 2px;
    background: #000 !important;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.active .publisher-nav-color::after {
    background: #000 !important;
}

Мои правила не действуют (из-за iframe, предположим)

Answer 1

Цвет подчеркивания активной вкладки изменить нельзя. Disqus использует цвет ссылки по умолчанию на странице, на которой он находится. Если он использует другой цвет, отличный от цвета вашей ссылки, убедитесь, что ваш основной цветовой стиль наследуется Disqus.

См. Раздел "Цвет ссылки": https://help.disqus.com/customer/portal/articles/545277-disqus-appearance-tweaks

Answer 2

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

Answer 3

a:after -> a::after

.nav-primary>ul>li.active>a:after {background: #000 !important;}

должно быть

.nav-primary > ul > li.active > a::after {background: #000 !important;}