Centralised Brand Control
VoVo uses a theme system where your brand colours, fonts, and global styles are set once and applied across every page, email, and component on your site. This means you never have to manually update every page when you rebrand.
Accessing Theme Settings
- Go to Website > Themes in the sidebar.
- Click Customise Theme on your active theme.
- The live preview panel opens, showing changes in real time.
Setting Your Brand Colours
Under the Colors tab, you will find controls for:
- Primary Colour - Used for buttons, links, and accent elements.
- Secondary Colour - Complementary colour for hover states and highlights.
- Background Colour - Default page background.
- Text Colour - Body text and headings.
- Heading Colour - Override for H1-H6 elements.
Colours can be entered as hex codes, RGB values, or chosen from the colour picker.
Typography Settings
Under the Typography tab, choose fonts for your headings and body text. VoVo integrates with Google Fonts - over 1,000 font families are available. You can also set the base font size, line height, and letter spacing.
Dark Mode Support
If your theme supports dark mode, you can configure a separate set of colours for dark mode visitors. Toggle the dark mode preview in the theme editor to fine-tune how your site looks in both modes.
Applying Changes
Click Save and Publish to apply your theme changes to the live site immediately. All pages, blog posts, and components update automatically - no need to republish individual pages.