Skip to main content

Styling

Fast Simon Autocomplete uses a shadow dom node to render out app without any css conflicts from site theme or apps, meaning:

  1. Autocomplete will only inherit fonts from the site <body>.
  2. Adding css via a global stylesheet will not take effect.

How to add custom style:​

Go to Apps > Fast Simon Dashboard > Autocomplete > Advanced > CSS Editor

Option 2: Use a global <style> element with a specific id​

<style id="fast-simon-autocomplete-css">
    /* CSS code here */
</style>
danger

Only one <style id="fast-simon-autocomplete-css"> element is allowed per page. If multiple elements with the same ID exist, only the first one will be picked up and applied — any additional ones will be ignored and may cause unexpected styling behavior.