Skip to content

Customizing the Look & Feel

Basic styles are provided with the JamComments UI by default. But you’re encouraged to override them to fit your website’s look & feel more appropriately.

You can do this by writing your own CSS targeting JamComments classes in your HTML. It’s recommended to place these styles at the bottom of your page to avoid specificity issues. Or, scope your styles to another element on your page:

main.jc-CommentList {
  background: blue;
}

All classes are prefixed with jc-*. The best way to start customizing is to crack open your browsers dev tools and start hacking:

HTML elements in dev tools

Removing Components

Overriding CSS is also the recommended way to remove particular UI elements you don’t want or need. For example, if you’d like to remove login/registraiton for any comments, you’d add the following:

.jc-Auth {
  display: none;
}

I’m open to feedback on improving this process in the future. If you’ve got any, send it my way!