WordPress: Update your site’s color scheme

With WordPress’ Site Editor, updating the color scheme of your site has never been easier. In this article, we’ll discuss how use the pre-defined styles in the CAES Faculty 2023 theme to update your CAES or Extension site’s color scheme.

Table of contents

• Change your site’s color scheme to one of the pre-defined styles
• Color schemes available in the CAES Faculty 2023 theme
• Make sure to use accessible color combinations
• Need help?

Change your site’s color scheme to one of the pre-defined styles

The CAES Faculty 2023 theme comes with several pre-defined styles that you can switch your site to. To do this:

1. Log in to your WordPress site
2. From the Dashboard, go to Appearance > Editor
3. Click on the preview of your site’s homepage to load the Site Editor
4. Click on the Styles icon in the upper right corner to open the Styles pane
5. Select “Browse styles”
6. Choose the style you want to apply to your site. The left hand preview will give you an idea of how your site will look with the different color schemes applied.
7. Once done, click Save. Click Save again to confirm changes to your site’s Global Custom Styles.

Color schemes available in the CAES Faculty 2023 theme

These are the current color schemes available in the CAES Faculty 2023 theme. All color schemes are based on UGA or 4-H official brand colors:

1. Default (UGA Bold)
2. UGA Formal
3. 4-H
4. Olympic
5. Athens

Make sure to use accessible color combinations

It’s crucial to have sufficient color contrast between the background and text colors of your website’s content to ensure legibility and accessibility. To learn more, please check out the color contrast section on our Accessibility Tips for WordPress Content Managers article.

Need help?

If you have any questions about your CAES or Extension WordPress site, please let us know by contacting the CAES Web Team at caesweb@uga.edu.