How to Customise Your Knowledge Base
Published 13 November 2025
43 views
#customisation#branding#css#styling#design
Personalise your knowledge base to match your brand.
Branding Customisation
Upload Your Logo
- Go to Customise → Branding
- Click "Upload Logo"
- Select your logo file (PNG, JPG, or SVG)
- Recommended size: 200x60px
- Logo appears in the header
Set Colours
- Navigate to Customise → Branding
- Set Primary Colour - Main brand colour
- Set Secondary Colour - Accent colour
- Preview changes in real-time
- Save when satisfied
Custom CSS (Enterprise Only)
Adding Custom Styles
Custom CSS is available on Enterprise plans only.
- Go to Customise → Branding
- Open Custom CSS section
- Enter your CSS code
- Preview changes
- Save when ready
CSS Examples
/* Custom font */
body {
font-family: 'Your Brand Font', sans-serif;
}
/* Custom button styles */
.btn-primary {
border-radius: 8px;
padding: 12px 24px;
}
/* Custom article card */
.article-card {
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
Header and Footer
Header Options
- Show/hide header
- Display logo
- Display knowledge base name
- Add custom HTML content
Footer Options
- Show/hide footer
- Add custom footer content
- Control "Powered by Zuro" display
Best Practices
- Test on mobile devices
- Maintain brand consistency
- Keep it simple and clean
- Ensure accessibility
