Skip to main content

Styling

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

  1. PLP 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 > No-code Editor > CSS Editor

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

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

Only one <style id="fast-simon-serp-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.