Is it possible to change the CSS rules for Disqus comments?

Question

Is it possible to change the CSS rules for Disqus comments?

Satyapriya

2017年6月2日 08:17

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.

Topic disqus Wordpress

Category Web

markratledge · Accepted Answer · 2015年4月24日 15:37

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.

Brad Dalton · Accepted Answer · 2014年1月8日 19:05

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.

Is it possible to change the CSS rules for Disqus comments?

About