• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Set white background – DISQUS

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Set white background – DISQUS

This topic is: not resolved

Tagged: disqus

  • This topic has 7 replies, 2 voices, and was last updated 7 years, 3 months ago by Smile.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 21, 2015 at 6:07 am #171700
    Smile
    Member

    Hi, everyone!

    I've been searching for a while with no joy, hope someone here can help me out.

    I'd like to display a white background for my DISQUS comments instead of my current website background.

    Anyone know how to do that?

    See below an example of post.

    Many thanks in advance!

    http://theworldpassenger.com/oberhausen-centro-commerciale/
    November 21, 2015 at 2:02 pm #171722
    Porter
    Participant

    This should do the trick - add this to style.css:

    div#disqus_thread {
        background-color: #ffffff;
        border-radius: 3px;
        padding: 12px;
    }

    I added the 3px border-radius to match your above section, and the 12px of padding makes it look a lot better than without. Let me know if it works!


    Buy me a beer? | Try DigitalOcean VPS Hosting

    November 22, 2015 at 6:05 am #171751
    Smile
    Member

    Thanks a lot for the support Matt!

    I pasted it into the style.css (at the very end) but unfortunately nothing changed. Should I put it in some very specific point into the file?

    I even tried to paste it directly into the DISQUS plugin but still no joy.

    Am I doing smt wrong?

    Thank you!
    Simone

    November 22, 2015 at 10:19 am #171771
    Porter
    Participant

    I really don't know, that's the selector the inspector is giving me in Chrome. It's all kind of a mess, with no particularly clear way on how to target that specific area, but that, and "body.serif.dark" are the pieces I see that pertain to it (though I believe the latter isn't specific to that page, and is part of your theme).

    I would either try using body.serif.dark as the selector (just to test), or try adding !important to all of your rules above, like so:

    div#disqus_thread {
        background-color: #ffffff !important;
        border-radius: 3px !important;
        padding: 12px !important;
        color: #666 !important;
    }

    I added the 666, as the text down on the bottom is white, and wasn't visible. Also check to make sure your page isn't cashed, and use an incognito window or something.


    Buy me a beer? | Try DigitalOcean VPS Hosting

    November 23, 2015 at 3:27 am #171808
    Smile
    Member

    Mmm.. still no good even with the !important (I did the incognito thing too).

    Not quite sure what you mean with the “body.serif.dark”. Should that be in the style sheet of my child theme?
    Because unfortunately I cannot find it.

    November 23, 2015 at 8:08 am #171820
    Smile
    Member

    Found it out - I just installed a plugin to edit css and pasted your code there! (-:

    Thanks a lot for the support man!

    PS. I bought you a beer - and I am living in Germany so it's gonna be good for sure ahah

    November 23, 2015 at 8:16 am #171829
    Porter
    Participant

    Yay German beer! I'll enjoy it for sure, thanks 🙂

    As for why your fix worked, I can only assume that something is going wrong with how your child theme style.css is being read. Do other changes you make to style.css take effect? style.css in your child theme should be where 99% of all of your CSS edits go, so if that's not working, you may want to look into it! Either way, glad you got it working, and good luck with the site!


    Buy me a beer? | Try DigitalOcean VPS Hosting

    November 24, 2015 at 4:52 am #171901
    Smile
    Member

    Well, it was actually the first change I did in my CSS, the child theme is untouched. No idea why it's behaving like that, but happy that we got this done for the moment even if with a workaround 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble