Change underline color for Disqus tabs

Question

How to change underline color for tabs in disqus on my site?

I tried to rewrite disqus rules by own:

.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;
}

My rules has no effect (because of iframe, suppose)

score 1 · Accepted Answer · answered Feb 01 '15 at 21:04

The active tab underline color can't be changed. Disqus uses the default link color of the page it's on. If it is using a different color other than your link color, make sure your main <a> color style is inheritable by Disqus.

See the "Link color" section: https://help.disqus.com/customer/portal/articles/545277-disqus-appearance-tweaks

score 0 · Answer 2 · answered Dec 10 '14 at 15:48

0

a:after -> a::after

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

should be

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

answered Dec 10 '14 at 15:48

rasah_dipikir_jerojero

155
5

may be because inside iFrame check here http://stackoverflow.com/questions/6494721/css-override-body-style-for-content-in-iframe – rasah_dipikir_jerojero Dec 10 '14 at 16:04

score 0 · Answer 3 · answered Dec 10 '14 at 17:34

0

You answered your own question: Styles cannot be applied to iframes because they are a different source. You might want to check Disqus's Appearance Tweaking guide which shows you how to make css tweaks.

answered Dec 10 '14 at 17:34

austinthedeveloper

2,401
19
27

Thanks. I already read this article. It doesn't describe any way to solve my problem. But I saw a lot of websites with custom underline color. – Denis L Dec 10 '14 at 21:39

Change underline color for Disqus tabs

3 Answers3