π Widget Customization: When Do You Need To Use Theme Options?
Our knowledge base includes multiple articles covering standard widget configuration options available from the Management Portal - branding colors, images, labels, and general settings. These Portal-based settings are perfect for most use cases and require no technical knowledge.
However, if you need deeper control over your widget's appearance - including advanced color schemes, spacing, typography, borders or gradients - you'll need to use Theme Options.
π What's Different About Theme Options?
Theme Options provide granular customization that goes beyond what's available in the Portal's Generic Branding settings. Currently, these options can be configured only through our Storybook. In the future, Theme Options will be available directly in the Management Portal for easier access and this article will be updated to reflect that change.
π‘ Note: You can access our Widgets Storybook here: Widgets Storybook
π What Can You Customize with Theme Options?
Theme Options unlock advanced customization across a few key areas:
- Granular color control - Beyond the five main colors in the Portal Branding Colors
- Spacing adjustments - Fine-tune padding, margins, and gaps between elements
- Typography customization - Control font families for light and dark modes
- Border - Adjust border size to fit your design
- Radius styling - Control corner roundness and curvature throughout your widget elements
- Background gradients - Apply custom gradient overlays to images
π Ready to Explore Advanced Customization Options?
The articles below provide detailed guides for each Theme Options category - Color Schemes, Spacing, Typography, Borders, Radius, and Background Gradients. Most guides are organized by template type (Standard, Split & Overlay). Some guides cover all templates in a single article for efficiency.
Advanced Color Customization Documentation
- π Classic Quiz Widget - Advanced Color Customization for Standard Template
- π Classic Quiz Widget - Advanced Color Customization for Split Template
- π Classic Quiz Widget - Advanced Color Customization for Overlay Template
Spacing Adjustments Documentation
π Classic Quiz Widget - Spacing Customization for Standard Template
π Classic Quiz Widget - Spacing Customization for Split Template
π Classic Quiz Widget - Spacing Customization for Overlay Template
Typography Customization Documentation
Border Styling Documentation
Documentation currently in development - stay tuned for updates
Radius Customization Documentation
Documentation currently in development - stay tuned for updates
Background Gradients Documentation
Documentation currently in development - stay tuned for updates
π Note: This section is being actively updated. Additional Theme Options articles will be published in the coming weeks and listed under their respective categories above.