Tours
Brand kit
Per-tour brand tokens, site-wide defaults, custom CSS, and live preview.
Brand tokens style the Driver.js popover and overlay. Tours can override site defaults or inherit them.
Tokens
| Token | Role |
|---|---|
primary | Accent / primary actions |
text | Popover text |
bg | Popover background |
overlay | Dimmed overlay color |
radius | Corner radius (px) |
fontFamily | Font stack |
customCss | Extra CSS compiled into the tour stylesheet |
Boolean/display flags in the brand object control Driver.js chrome (progress, buttons styling) as exposed in Tour Studio.
Resolution order
- Per-tour
_lcpt_brandoverrides - Site option
lcpt_brand_defaultsfrom Product Tours → Settings - Built-in plugin defaults
Site defaults are also available over REST at /wp-json/lcpt/v1/brand-defaults (manage_options).
Custom CSS
customCss is sanitized and compiled into tour-scoped CSS so you can tweak Driver.js classes without editing the theme. Prefer tokens first; use custom CSS for edge cases.