Website Theme
The Website Theme controls the visual appearance of your public website — colors, fonts, buttons, and overall style.
Creating or Editing a Website Theme
- Go to Website > Theme or Website > Website Theme.
- Choose from:
- Standard Theme: Default YousrERP theme
- Custom Theme: Create your own
- Customize:
- Primary Color: Main brand color (buttons, links, headers)
- Secondary Color: Accent color
- Background Color: Page background
- Text Color: Body text
- Font Family: Choose web fonts
- Button Styles: Rounded, square, pill-shaped
- Navigation Style: Top bar, sidebar, etc.
- Upload a Custom CSS file for advanced customization.
- Click Save.
Theme Elements
| Element | What It Affects |
|---|---|
| Primary Color | Buttons, links, active menu items, icons |
| Secondary Color | Highlights, badges, secondary buttons |
| Background | Page background, section backgrounds |
| Text Color | Headings, paragraphs, labels |
| Font | All text on the website |
| Button Style | Call-to-action buttons |
| Navigation | Menu bar appearance and behavior |
Applying a Theme
Set the active theme in Website Settings:
- Go to Website > Settings > Website Settings.
- Select the Theme to apply.
- The theme is immediately applied to your website.
Custom CSS
For advanced customization:
- In the Website Theme, scroll to the Custom CSS section.
- Write CSS rules to override default styles.
- Changes apply site-wide.
Branding Consistency
Ensure your website theme aligns with your company's brand guidelines:
- Logo colors
- Marketing materials
- Social media profiles
- Business cards and stationery