Using Custom CSS

You can customize the widgets' look and feel by using the parameters listed for each one. If you want to customize the design beyond the supported options, you may use your own custom CSS. This is done by providing the following params:

  • css-url – Absolute URL to CSS file. This file must be publicly accessible as it needs to be read by Comeet's system and in the company's domain. See further instructions below.
  • css-cache – When developing your CSS, you may want to set this value to false to prevent the widget from using a cached version of the CSS file.


IMPORTANT: CSS file domain

The domain of the CSS file must be included in the company's domains as defined in the company's profile settings (access to settings requires the Admin or Owner roles). If you need to use another domain for development purposes please contact our support at [email protected] and send us the domain that you are planning to use (make sure to include the www if used as part of the domain).


IMPORTANT: Write stable CSS

As Comeet's widgets may change from time to time, it is important that your custom styles not break the layout of your widgets. Follow these guidelines when writing your CSS:

  • Do not use CSS selectors that rely on the order of elements or on any attribute other than ID or Class
  • CSS selectors may use IDs of elements, such as: #copyLink or #inputFirstName
  • CSS selectors may use the following element classes: .control-label, .form-group, .field-* (any class of a field), .submit-button, .shareTitle, .shareButton