Theme Customization
Customize the visual appearance of your platform to match your brand identity. Change colors, fonts, layouts, and add custom CSS.
Color Customization
Brand Colors
Set your primary brand colors:
- Go to Settings → Branding → Theme.
- Customize:
- Primary Color — Used for buttons, links, and highlights
- Secondary Color — Used for secondary elements
- Background Color — Page backgrounds
- Text Color — Body text color
- Header Background — Navigation bar color
- Footer Background — Footer section color
Color Presets
Choose from pre-designed color schemes:
- Professional Blue
- Elegant Purple
- Nature Green
- Warm Orange
- Minimalist Gray
- Custom (set your own colors)
Font Customization
Available Fonts
Choose from 20+ web fonts for:
- Heading Font — Used for all headings (H1-H6)
- Body Font — Used for paragraph text
- Code Font — Used for code blocks
Popular choices:
- Inter, Plus Jakarta Sans, DM Sans, Poppins, Roboto, Open Sans, Lato, Montserrat
Custom Fonts
Upload your own font files:
- Go to Theme → Fonts → Upload Custom Font.
- Upload WOFF2 and WOFF files.
- Assign the font to headings, body, or both.
Layout Options
- Header Style — Transparent, solid, or sticky
- Footer Style — Simple, detailed, or minimal
- Course Card Style — Grid, list, or masonry layout
- Sidebar Position — Left or right (for the student dashboard)
Custom CSS
For advanced customization, add custom CSS:
- Go to Theme → Custom CSS.
- Write your CSS rules.
- Preview changes in real-time.
- Save to apply.
Caution: Custom CSS can break layouts if not written carefully. Test on multiple devices and browsers before saving.
Related Documentation
- White Labeling — Full branding guide
- Custom Domain — Domain setup
- Mobile Apps — Mobile branding