Learn how to adjust your custom CSS or Javascript code from Scroll Viewport, so it continues to work in Scroll Sites' help center theme.
We have renamed some HTML attributes and theme tokens in Scroll Sites' help center theme and deprecated some others that existed in Scroll Viewport.
Using the in-app Help Center Widget? Its loading mechanism changed too.
The Viewport widget is served from your own site domain and stops working when you complete the upgrade. See Embed In-App Help.
Please adjust your custom code according to the updates detailed in the tables below.
Renamed HTML Attributes
|
Name in Scroll Viewport |
🆕 Name in Scroll Sites |
|---|---|
|
|
|
|
|
|
|
|
Supported values stay unchanged:
|
|
|
|
Renamed JavaScript
|
Name in Scroll Viewport |
🆕 Name in Scroll Sites |
|---|---|
|
|
|
Renamed Theme Tokens
The vpt prefix was removed from all theme tokens.
Example: --vpt-theme-text-font is now --theme-text-font
|
Name in Scroll Viewport |
🆕 Name in Scroll Sites |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Removed Viewport legacy tokens
All legacy tokens that were already deprecated in Scroll Viewport have been removed in Scroll Sites.
|
Removed Tokens |
|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|