I have tried everything I could come up with, including using the '!important' attribute, but have not been able to change the CSS for the Disqus comments on my site. Their CSS not only originates from a file on their website, but I think the comments are in an iframe or something, which would explain why the '!important' attribute isn't working. Is it possible to change the CSS for Disqus comments on a wordpress blog? All I want to add is the following code:

#disqus_thread {
font-family: arial;
font-weight: bold;
font-size: 13px;

That's it! Any help would be greatly appreciated.

2 Answers 2


Disqus comments are loaded in an iFrame, but you can do some modifications. Check out Disqus Appearance Tweaks | DISQUS

You need to be able to use Dev Tools. Use Firebug with Firefox, or use the developer tools in Chrome or Safari or IE to see what's loading on your site and how to work with and change the CSS and HTML.


You could try loading your themes style sheet after all plugins by giving it a high priority.

Here's an example of how its done for one specific theme.

add_action( 'genesis_setup', 'load_stylesheet' );

function load_stylesheet() {

remove_action( 'genesis_meta', 'load_stylesheet' );

add_action( 'wp_enqueue_scripts', 'enqueue_stylesheet', 999 );


I would check with your themes support and Disqus support.

Not the answer you're looking for? Browse other questions tagged or ask your own question.