Theme settings
Scrollbar
Theme settings: Scrollbar.
Scrollbar
At a glance
Customize scrollbar appearance — width, thumb color, and track color.
Where to find it
- Theme editor path: Online Store → Customize → Theme settings → Scrollbar
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Enable custom scrollbar | Turns “Enable custom scrollbar” on or off on the storefront. | Yes | Always |
| Scrollbar width | Controls “Scrollbar width” on the storefront. Open the theme editor to preview live. | 8 | settings.enable custom scrollbar is on |
| Thumb color | Controls “Thumb color” on the storefront. Open the theme editor to preview live. | #494949 | settings.enable custom scrollbar is on |
| Track color | Controls “Track color” on the storefront. Open the theme editor to preview live. | #E6E3D9 | settings.enable custom scrollbar is on |
Setting details
Each control from the tables above, explained simply:
Enable custom scrollbar
Turns “Enable custom scrollbar” on or off on the storefront. Default: Yes.
Scrollbar width
Controls “Scrollbar width” on the storefront. Open the theme editor to preview live. Default: 8. This control appears when: settings.enable custom scrollbar is on.
Thumb color
Controls “Thumb color” on the storefront. Open the theme editor to preview live. Default: #494949. This control appears when: settings.enable custom scrollbar is on.
Track color
Controls “Track color” on the storefront. Open the theme editor to preview live. Default: #E6E3D9. This control appears when: settings.enable custom scrollbar is on.
Tips
- Changes apply store-wide — check home, product, and collection pages after saving.
- Pair with section-level color schemes for page-specific overrides.
- Read How theme settings work for how globals connect to sections.