Skip to main contentSkip to navigation

Zuro Help Center - First-line support and documentation for all your questions

Back to Zuro Help Center
How-To

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

  1. Go to CustomiseBranding
  2. Click "Upload Logo"
  3. Select your logo file (PNG, JPG, or SVG)
  4. Recommended size: 200x60px
  5. Logo appears in the header

Set Colours

  1. Navigate to CustomiseBranding
  2. Set Primary Colour - Main brand colour
  3. Set Secondary Colour - Accent colour
  4. Preview changes in real-time
  5. Save when satisfied

Custom CSS (Enterprise Only)

Adding Custom Styles

Custom CSS is available on Enterprise plans only.

  1. Go to CustomiseBranding
  2. Open Custom CSS section
  3. Enter your CSS code
  4. Preview changes
  5. 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