Configuring the frontend
Commento's frontend configuration allows you to modify the appearance of the embedded comments box. For example, you can specifying a custom CSS stylesheet to override Commento's default appearance to match the look and feel of your website. In this page, we document how to embed Commento in your website and the exhaustive list of frontend settings you can configure.
You can configure additional frontend settings by adding
data attributes to the
<script> tag. For example, to specify custom CSS styling, you can add the
data-auto-init attributes as follows:
<script defer src="http://commento.example.com/js/commento.js" data-css-override="http://example.com/my-custom-styling.css" data-auto-init="true"> </script> <div id="commento"></div>
An URL to a CSS file with overriding styles. Defaults to no override and uses Commento's default theme.
Commento automatically initialises itself when the page is loaded. If you prefer to load Commento dynamically (for example, after the user clicks a button), you can disable this. You will be required to call
window.commento.main() when you want to load Commento. By default, this is true.
By default, Commento looks for a
id="commento". If you want to load Commento in a different element, you can set this attribute to the ID of that element.
By default, Commento uses the Source Sans Pro font to present a good design out-of-the-box. If you'd like to disable this so that Commento never loads the font files, you can set this to true. By default, this is true. Available since v1.7.0.