Styling
Fast Simon Autocomplete uses a shadow dom node to render out app without any css conflicts from site theme or apps, meaning:
- Autocomplete will only inherit fonts from the site
<body>
. - Adding css via a global stylesheet will not take effect.
How to add custom style:
Option 1: Use our dashboard (recommended)
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>