WordPress.org

Support

Support » Themes and Templates » Can't seem to change my Disqus color scheme!

Can't seem to change my Disqus color scheme!

  • pucklitaay
    Member

    @pucklitaay

    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 http://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
    Forum moderator

    @anevins

    Use this CSS selector

    body.dark #global-nav li.active a

    To which file are you editing the CSS?

    pucklitaay
    Member

    @pucklitaay

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

    Andrew Nevins
    Forum moderator

    @anevins

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

    pucklitaay
    Member

    @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
    Forum moderator

    @anevins

    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.

    pucklitaay
    Member

    @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
    Forum moderator

    @anevins

    You add the CSS color to that.

    E.g

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

    pucklitaay
    Member

    @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
    Forum moderator

    @anevins

    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.

    pucklitaay
    Member

    @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
    Forum moderator

    @anevins

    You could add !important to the style;

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

    pucklitaay
    Member

    @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
    Forum moderator

    @anevins

    Try this

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

    pucklitaay
    Member

    @pucklitaay

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

    Andrew Nevins
    Forum moderator

    @anevins

    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.