Style

Overview

We offer some limited options for customising the style of the widget.

Argument Description Note
--textColor: HTML compliant colour code/name Optional.
--thumbnailRadius: Allows for rounding of the corners of the thumbnail image of the topic Optional. Use px or % as you would in CSS
--fontFamily: Allows you to modify the fonts to suit your website Optional. Use as you would in standard CSS, for example --fontFamily: Biotif, sans-serif;

Example usage

<html>
  <head>
    <script
      type="text/javascript"
      src="https://cdn.intelligence.weforum.org/latest.js"
    ></script>
    <style>
      intelligence-widget {
        --textColor: darkGrey;
        --thumbnailRadius: 5px;
        --fontFamily: Biotif, sans-serif;
      }
    </style>
  </head>

  <intelligence-widget apikey="my-api-key" text="text" language="en" />
</html>