Listed in topics: Appearance, Customization

Customize Your CSS »Change font & font size

This is a quick how-to on how to change the font of the IntenseDebate comment system.

How to change the font

  1. Sign-in to your IntenseDebate account.
  2. Select your site/blog and go to Settings>Custom CSS (shortcut link: the Custom CSS page).
  3. Add the following code to the textbox:
    #idc-container-parent #idc-container,
    #idc-container-parent #idc-container div {
    font-family: Helvetica, Arial, serif;
    }

    You can chose any font of your liking using this structure: font-family: <fontNameHere,AnotherFontHere>. To also change the font size, please look into the Changing the font size guide.

  4. Click Save Settings, and then view your site/blog to see your changes.

How to change the font size↑ Table of Contents ↑

  1. Sign-in to your IntenseDebate account.
  2. Select your site/blog and go to Settings>Custom CSS (shortcut link: the Custom CSS page).
  3. Add the following code to the textbox:
    #idc-container-parent #idc-container,
    #idc-container-parent #idc-container div {
    font-size: 14px;
    }

    You can chose any font size of your liking using this structure: font-size: <numerical value>px. You can also use other units than pixels (px), for example em. Learn more about CSS measurement units here.

  4. Click Save Settings, and then view your site/blog to see your changes.

To learn more about CSS classes you can use, you can check out the w3schools CSS Tutorial.

Tags: , , , , — Can't find your answer here? Let us know.

Last modified: July 27, 2010 by Isaac Keyet

Help us improve:

We're always looking to improve our documentation. If this page didn't answer your question or left you wanting more, let us know! We love hearing your feedback. For support, please use the forums or contact support form. Thanks!

You must be logged in to post a comment.