How to Customize Your Website Colors and Fonts

One of the easiest ways to make your SiteJet website feel uniquely yours is to update the colours and fonts to match your brand. SiteJet makes it simple to apply these changes across your entire site at once.

Accessing Global Style Settings

SiteJet uses a global styles system, meaning colour and font changes you make in settings apply everywhere on your site - not just one page or element.

1. Open the SiteJet editor from cPanel > Website > SiteJet Builder
2. Click the Settings icon in the top toolbar (it may look like a gear or sliders icon)
3. Select Design or Styles from the menu

Changing Your Colour Palette

Under the Design or Styles panel, you'll find your site's colour palette. Here you can:

• Set a primary colour - used for buttons, headings, and accent elements
• Set a secondary colour - used for contrast and supporting elements
• Choose background and text colours for different sections

Click any colour swatch to open a colour picker. You can enter a specific hex code (e.g., #D32F2F) to match your exact brand colours.

Changing Your Fonts

SiteJet gives you access to a wide range of Google Fonts and system fonts. In the Design or Styles panel:

• Choose a font for headings (H1, H2, H3)
• Choose a font for body text (paragraphs and general content)
• Adjust font size and font weight as needed

Previewing Your Changes

All changes are previewed in real time on the canvas - so you can see exactly how your site looks before publishing. When you're happy with your design, click Publish to make it live.

Need help finding the right colours or fonts for your brand? Contact our support team - we're happy to point you in the right direction.