Customising Colours and Fonts

This article shows you how to change the colours and fonts on your WordPress website.

Access the WordPress Customiser

1. Log into your WordPress admin area by going to yourwebsite.ie/wp-admin
2. Enter your username and password
3. From the left menu, click Appearance, then Customize
4. Your website will open with editing options on the left side

Change Your Website Colours

1. In the customiser menu, look for options like Colors, Site Identity, or Theme Options
2. Click on the colours section (the exact name depends on your theme)
3. You'll see colour pickers for different parts of your site:
   • Background colour
   • Text colour
   • Header colour
   • Link colour
4. Click on any colour box to open the colour picker
5. Choose your new colour by clicking on the colour wheel or entering a colour code
6. Your changes appear instantly on the preview
7. Click Publish when you're happy with the changes

Change Your Website Fonts

1. In the customiser, look for Typography, Fonts, or Text options
2. If you don't see font options, your theme might not support font changes through the customiser
3. Click on the fonts section
4. You'll typically see options for:
   • Heading fonts (for titles)
   • Body fonts (for regular text)
   • Font size
   • Font weight (bold, normal)
5. Click the dropdown menus to browse available fonts
6. Select your preferred font and size
7. Check the preview to see how it looks
8. Click Publish to save your changes

If Your Theme Doesn't Have These Options

Some WordPress themes have limited customisation options. If you can't find colour or font settings:

1. Go to Appearance > Themes in your WordPress admin
2. Click Add New to browse themes with more customisation options
3. Look for themes that mention "customisable" or "flexible design"
4. Preview and install a new theme that offers the design control you need

Using the Additional CSS Option

For more control, you can add custom CSS code:

1. In the customiser, scroll down to Additional CSS
2. Add CSS code to change specific elements
3. This requires basic CSS knowledge
4. Always test changes carefully before publishing

Save Your Work

Remember to click Publish after making any changes. If you want to make changes later, you can return to Appearance > Customize anytime.

If you're still stuck with customising your website's appearance, contact Web60 support through your client area for assistance.

FAQ

Q: Why can't I see colour or font options in my customiser?

A: Not all WordPress themes include these options. You may need to switch to a different theme that offers more customisation features.

Q: Will changing colours and fonts affect my website's loading speed?

A: Basic colour changes won't affect speed. Adding many custom fonts can slow down your site slightly, but the impact is usually minimal.

Q: Can I undo colour and font changes if I don't like them?

A: Yes, you can return to the customiser and change them back to the original settings or try different options anytime.

Q: Do I need to know CSS to change colours and fonts?

A: No, most modern WordPress themes let you change colours and fonts using simple dropdown menus and colour pickers in the customiser.

Q: Will my changes disappear if I update my theme?

A: Changes made through the customiser usually stay when you update your theme. However, custom CSS might be lost, so keep a backup of any custom code.

Q: Can I use any font I want on my website?

A: You can only use fonts that your theme supports or that are available through Google Fonts. The available fonts appear in the customiser's font dropdown menu.

Q: Why do my colour changes look different on mobile devices?

A: Some themes apply different styling to mobile versions. Check your website on different devices and adjust the mobile-specific settings if your theme offers them.