Disqus Comments is easy to customize with your own style rules using CSS. To learn more about using CSS, you can read this tutorial from w3Schools. Disqus highly recommends using the Firebug add-on for Firefox to develop with CSS.
You can add your custom CSS in the "Custom CSS" box provided under Settings > Customize. For advanced users, feel free to add the CSS directly on your page or link to an external stylesheet.
The default CSS for Disqus Comments uses very high selectivity. To override default styles, add an !important to the end of each CSS rule.
The most commonly customized elements are listed below with examples.
All of Disqus Comments is contained within here.
Example: Set the font size to black and link color to red.
#disqus_thread {
color: black;
}
#disqus_thread a {
color: red;
}
The logo for Disqus Comments for the Classic themes.
Example: Hide the logo.
.dsq-by {
display: none;
}
The logo for Disqus Comments for the Narcissus theme.
Example: Hide the logo.
.dsq-dc-logo {
display: none;
}
The "Use Media" toggle underneath the comment form (only in the Classic themes).
Example: Hide the link.
.dsq-media-link {
display: none;
}
Contains the sorting options, community page link, and subscribe link.
Example: Hide everything.
.dsq-options {
display: none;
}
