WordPress.org

Ready to get started?Download WordPress

Forums

Can't seem to change my Disqus color scheme! (18 posts)

  1. pucklitaay
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Use this CSS selector

    body.dark #global-nav li.active a

    To which file are you editing the CSS?

  3. pucklitaay
    Member
    Posted 1 year ago #

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

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. pucklitaay
    Member
    Posted 1 year ago #

    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

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  7. pucklitaay
    Member
    Posted 1 year ago #

    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? :)

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    You add the CSS color to that.

    E.g

    body.dark #global-nav li.active a {
     color: #888;
    }
  9. pucklitaay
    Member
    Posted 1 year ago #

    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? :)

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  11. pucklitaay
    Member
    Posted 1 year ago #

    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.

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    You could add !important to the style;

    body.dark #global-nav li.active a {
     color: #888 !important;
    }
  13. pucklitaay
    Member
    Posted 1 year ago #

    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.

  14. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try this

    body.dark #global-nav li.active a h4{
     color: #888 !important;
    }
  15. pucklitaay
    Member
    Posted 1 year ago #

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

  16. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

  17. Andrew
    Forum Moderator
    Posted 1 year ago #

    At the moment, I can't see the title to add a comment anymore. Did you remove it?

  18. pucklitaay
    Member
    Posted 1 year ago #

    I've gone back to a previous version of Disqus where it's possible to change the CSS. I added the code you sent me in that Custom CSS box and it now seems to work again!

    Thank you so much for your help :)

Topic Closed

This topic has been closed to new replies.

About this Topic