All customizations in this section require a Pro or above subscription to enable.
This includes the ability to:
- Disable Disqus Branding
- Disable Social Share Icons
- Disable or customize Voting
- Use Custom Fonts
- Customize discussion prompts
- Customize default thread length
If you have a Pro subscription plan, you can remove Disqus branding including the Disqus logo and "Add Disqus to your site" link. You can update this by going to the General Settings page in your Disqus Admin.
Social Sharing Icons
This will allow you to disable the social sharing buttons at both the comment and thread level. When on the Pro plan, you may enable this here.
Voting needs may vary from site to site. When on the Pro plan, you can now set the voting functionality that will be best for your site. This includes:
- Upvotes and Downvotes enabled (default)
- Only Upvotes enabled
- Upvotes and Downvotes disabled
Please note that the ability to hide downvote details (such as count and voting users) is still available to sites on all plans.
For sites with a Business subscription, a variety of fonts will be available for use. The desired font may be selected from the Typeface section of the General Settings page.
Business Publishers may also request for new fonts to be added to the Disqus system. To be assessed for addition, the font must meet the following requirements:
- Be available through Google Fonts
- Have the following styles available: 400 weight regular, 400 regular italic, 700 bold, 700 bold italic, and either 500 medium or 600 semi-bold
Customize Discussion Prompts
This will allow you to customize the text that appears in your postbox where your users type their comment. Currently, this text will read "Start the discussion" for a thread with 0 comments, and "Join the discussion" for an active thread. With this feature, you can use any text you'd like with a 45 character limit. This change will be applied to all threads on your site.
Customize Embed Length on Load
This feature allows you to customize how many comments are shown in the embed when Disqus first loads on the page. This can be used to have Disqus load a smaller window when it first appears on the page.
By default, 50 comments will load initially on desktop, and 20 comments will load initially on mobile. This feature can be used to show any number of comments below 50 on initial embed load.
Please note that even with this customization enabled, clicking "Load More Comments" will load an additional 50 comments on desktop, and an additional 20 comments on mobile.
Appearance Tweaks for all sites
The following settings and tweaks can be applied to all sites on Disqus.
Although it's not currently possible to apply custom CSS to the Disqus iFrame, the appearance can still be tweaked in a few different ways.
Light vs. dark color scheme
A light or dark color scheme is automatically selected based on your site's stylesheets.
How is the color scheme determined?
- The light scheme is loaded when the text color Disqus inherits from your site has >= 50% gray contrast: between
- The dark scheme is loaded in all other instances.
Overriding the color scheme
The color scheme can be overridden in two ways:
In the Disqus admin
- At the Disqus Admin > Setup > Appearance page, locate the Color Scheme option.
- Choose the appropriate color scheme, or allow Disqus to choose for you by selecting "Auto".
In your site's stylesheets directly
2. Insert a <p> tag into disqus_thread. This requires editing HTML in the web inspector.
3. Inspect the <p> tag > expand the Computed Style dropdown > observe the 'color' parameter. This is the color that is being inherited.
4. Expand the dropdown to the left of the 'color' parameter to expose which specific stylesheet rule is setting this color. Change the color being passed via this rule based on the "How is the color scheme determined?" section above.
Disqus inherits your site's link colors. In order for this to work you'll need to make sure the relevant CSS rules are inheritable by Disqus.
If Disqus isn't inheriting your site's link color, this may require changing link colors in your publishing platform's (e.g., Tumblr or Squarespace) settings or editing your site's CSS stylesheets directly.
To figure out which link color Disqus is inheriting:
2. Insert an
<a> tag into
disqus_thread. This requires editing HTML in the web inspector.
3. Inspect the anchor tag > expand the Computed Style dropdown > observe the 'color' parameter. This is the color that is being inherited.
Width, margin and padding
Disqus is set to fill 100% of the width of its parent HTML element and has no margin or padding set on its
<div>. This means Disqus often looks best when its parent container gives it some margin or padding. Additionally, the width of the
disqus_thread ID can be adjusted using CSS.
Elements that can't be edited or removed
- Community tab (your site name at the top of the embed)
- Font size
- Favorite heart buttons
- "# Comments" text above the embed (For home page comment counts, see Adding comment count links to your home page)