Can't seem to change my Disqus color scheme!

  • Hi guys,

    I’ve installed a new theme yesterday. I use Disqus for my comments and it maintains a white font on a white background making the comments hard to read. The color scheme of the normal color scheme for the WordPress comment section in the CSS doesn’t seem to influence the Disqus color scheme.

    This is what it looks like in the CSS:

    /* Comments
    ————————————————————– */
    h3#comments {
    border-top: 1px dotted #aaa;
    padding-top: 20px;
    }

    ol.commentlist {
    background: #000 !important;
    padding: 20px;
    }

    #respond {
    background: #000;
    padding: 10px;
    }

    textarea#comment {
    width: 100%;
    }

    My site is currently closed for visitors but you can log in with:
    Username: guest
    Password: guest123

    via the following link https://oneofpoints.com/2012/08/from-high-to-low/.

    Does anyone know how I can change this color scheme? I’ve tried to change it in the Disqus settings as well but it doesn’t work.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Use this CSS selector

    body.dark #global-nav li.active a

    To which file are you editing the CSS?

    Thread Starter pucklitaay

    (@pucklitaay)

    The normal style.css file of the kwpo theme! ?? Where do I add this?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When modifying CSS of a theme not custom, you ought to use a Child Theme or Custom Style/CSS plugin.

    Thread Starter pucklitaay

    (@pucklitaay)

    Will that help me changing the look of the DIsqus theme? I still have no idea where to edit or what do. I’m a bit of a newbie when it comes to PHP and have very little and basic knowledge about CSS

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Will that help me changing the look of the DIsqus theme?

    Yes

    still have no idea where to edit or what do.

    I think in your circumstances, the Custom Style/CSS plugin will be more suitable than a Child Theme.

    Thread Starter pucklitaay

    (@pucklitaay)

    Well, I downloaded the plugin you told me download and installed it. I’ve watched the tutorial but don’t seem to get it. I add the:

    body.dark #global-nav li.active a

    in that Custom Style/CSS plugin, but then what? ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You add the CSS color to that.

    E.g

    body.dark #global-nav li.active a {
 color: #888;
}

    Thread Starter pucklitaay

    (@pucklitaay)

    Okay, I do understand that. But what do I put in front of it so it nows what color to edit and where the comment section is located? ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    But what do I put in front of it so it nows what color to edit and where the comment section is located?

    Sorry I don’t understand both queries.

    Thread Starter pucklitaay

    (@pucklitaay)

    Sorry. Ehm, let me rephrase that – when I add the CSS code you gave me to the Custom CSS Manager nothing changes – I need to add something in front of that right? What is it that I have to add in front of there so the Disqus color scheme will change.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could add !important to the style;

    body.dark #global-nav li.active a {
 color: #888 !important;
}

    Thread Starter pucklitaay

    (@pucklitaay)

    I have now added 

    body.dark #global-nav li.active a {
 color: #888 !important;
}

    Exactly like this into the Custom CSS Manager. But nothing seems to change.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this

    body.dark #global-nav li.active a h4{
 color: #888 !important;
}

    Thread Starter pucklitaay

    (@pucklitaay)

    Added that, exactly as it is, but didn’t do the trick either. It’s so strange

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Just to give you an update on the problem:
    This plugin is working, as I’ve tested adding other styles to other elements.
    It seems something is overriding your styles and I suspect it’s the jQuery that is involved with the colour fade when you hover over the title.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Can't seem to change my Disqus color scheme!’ is closed to new replies.