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:

PLP 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 > 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>

How to add custom style:
- Option 1: Use our dashboard (recommended)
- Option 2: Use a global <style> element with a specific id