Website themes

Overview

• Wild Apricot provides a selection of templates (aka website themes) out of the box.
• You can select the theme via Settings -> Look and Feel -> Basic Setup -> Theme.
• You can change the theme at any time - all your web pages content, events and member records will stay intact - so that you can instantly see how your site would look with a certain theme.
• If you do not find a theme which matches what you need - do not despair! These are just starting points - you can proceed to customize your Wild Apricot website in fine detail:
  • You can further customize your selected theme  with 'point and click' (See: Customizing colors and styles) and
  • advanced tools for designers and developers. (see CSS Customization and Theme Overrides )
  • To see what's possible check out some examples: Customized sites examples 

Selecting a Theme

Each theme on the page has its own section with its name displayed above a large thumbnail(i.e,. Nature, Memo, Glass,etc) that gives you a preview of the theme. Next to the large thumbnail are a series of smaller thumbnails that represent the different color and style variations available for that theme.

To preview a theme and color variation, click on the small icon that best represents the look you want for your site. This is will show the selection in the larger thumbnail associated with the theme.

To accept and apply this theme to your site, you can click either:

• [Finish] to accept the change. This will take you to the View page for your home page
• Click the right arrow [Next] to move to the next set in the Basic Visual Setup Wizard.

Selected theme will define such common elements as:

• Colors, shapes and shades used in your header, footer and menu navigation
• Text styles in web page editor (Heading 1, Heading 2 etc.)
• Menu location (vertical or horizontal) and either static or dynamic (flyout) menus.

• Matching visual styles in online forms
• Location of the login box (left or top)
• Height and width of header/footer and menu

Note: most of the themes use images for colors, so to customize them you might need to create new versions of those images. Here some themes that do not use images and can be easily customized with Customizing colors and styles:

• Basic Orange/Blue
• Basic Yellow/Green
• Basic Light Green
• Transparent Vertical
• Transparent Horizontal
• Transparent Hybrid
• Dark Dark Night
• Dark Blackout
• Dark Grey Owl

See also

• Page header customization
• Logo customization
• Title customization
• Page footer customization
• Customizing colors and styles
• CSS Customization
• Theme Overrides