Customizing colors and styles

Wild Apricot allows you to customize the look and feel of your website in a number of ways, one of them is what we call 'point-and-click color customization'. The way it works is that you can easily change colors (as well as other parameters and formatting styles) across your whole website - with no technical knowledge required. (And for more advanced fine-tuning and customization you can use 5. CSS Customization )

After you selected a visual theme - your starting point, go to Settings and click on Customize colors and styles (Beta)
You will see a screen like this:

Use the menu on the left to make instant changes to your website design and formats. All changes that you make are dynamically previewed in the right hand side screen.

Expand any of the available categories to see available options in each category.

The main categories are:

• Global settings - this will effect all pages on your site
• Web pages content - these settings apply to your webpages (excluding header, footer, menu etc.)
• Header - this option allows you to customize page headers
• Menu - this option allows you to customize the menu
• Login Box - this option allows you to customize login box
• Footer - this option allows you to customize page footers

For example, this screenshot shows how you can change Web pages color background across your whole site - by going into Web pages content / Background color and changing background color field. Note that you can also insert your own custom color.

When you are finished, press the [Save] button to save your changes. To go back to the original state of the current visual theme, press the [Reset to default] button, but note that all your work will be lost and you will not be able to restore it!. To exit without making any changes press the [Cancel] button.