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.

Configuring settings

You can configure additional frontend settings by adding data attributes to the <script> tag. For example, to specify custom CSS styling, you can add a data-css-override attribute as follows:

<script defer
<div id="commento"></div>

Here is the list of such options available.

Parameter Description
data-css-override An URL to a CSS file with overriding styles. Optional, defaults to no file.
data-auto-init Commento automatically initialises itself when the page is loaded. If you prefer to load Commento dynamically, you can set this to false and you will be required to call window.main() when you want to load Commento. Optional, defaults to true.
data-id-root By default, Commento looks for a <div> with id="commento". If you want to load Commento in a different element, you can set this attribute to the ID of that element. Optional, defaults to "commento".

results matching ""

    No results matching ""