Got Questions? Need Help? Please call us at 805-648-1235

WElcome to your new wild apricot website!

what is ThE showcase theme about?

The Showcase theme set was designed with portfolio-oriented associations in mind. The theme can be used by any type of organization, though. Associations that publicize one service or a particular item of interest will find this theme most useful. The theme design involves the use of big photos and picture-links, and large headings to divide page into sections. A large number of buttons and links styles allows you to build your own sections and easily navigate between them.

CREATE YOUR OWN UNIQUE DESIGN

Customize this theme using: selection of templates, easy to colorize placeholders, gadget settings, and setting on the Colors and Styles screen.

Read more

Check out this theme's Colors and Styles screen for more colorization options.

Read more

You can control the appearance of a gadget using its settings.

Read more

Theme menu style

A special menu was designed for this theme. Sliding navigation and clear design will make it easy for your users to navigate your site. It also provides clear bullet point-style menu items that will highlight all of your important topics. This menu has its limitations –  the names of menu items must be short and informative, and the site structure should be plain – one level preferred. 

 As usual, we also provide you with our classic menu style if you want to combine both, complex multi-level site structure and the Showcase design.

Donation goal

Goal: $100.00
Collected: $4,924.00
4924%

SHOWCASE image links effect

When you hover over an image, it displays a tooltip and applies a surface color with an opaque background.

Stage one

Step 1

Place your image in a content gadget. Do not forget to position it correctly using margins and padding.

Step 2

Add a link to the picture. Do not forget to add a tooltip if you want this text to show on your image.

Step 3

Just look at the examples above if you have trouble placing your image.

Stage two

Step 1

While editing the gadget click the HTML icon in the content editor toolbar to switch to gadget HTML edit mode.

Step 2

In your gadget's HTML code - find tag <a>...</a> used to display your image.

Step 3

Add class="animatedPicture" to your 

<a> tag so it will look like: <a class="animatedPicture"...>

Step 4

Click save and exit edit mode

Stage three

Step 1

You will need this only if you want to change the hover color.

Step 2

By default, hover color is red. To change it, go to our CSS customization page and paste this code into the custom CSS section: 

body :not(pageModeEdit) a.animatedPicture:before{background-color: #ed3529;}

Step 3

Replace #ed3529 with desired color in hexadecimal format.

Your content is the hero

We’ve used a very small number of colors in this theme design, because we followed the “content as the hero” concept; otherwise the user will be distracted from the content by the large number of colors. You can start building your own site by choosing a a different color variation or using your favorite color.

Our events

Here, you can briefly describe what your events are all about. What you seek in participants and why they need to join your cause. 

Theme typography

The Showcase theme is fully adaptive, featuring adaptive orientation settings in social profile and secondary menu gadgets and fully adaptive donation goals and forms. And of course, adaptive typography that will adjust font sizes on your mobile devices.

As you might have been noticed, we use a modern approach in typography here. Large scaling headers draw attention and bring information straight to the viewer. Narrow and light base fonts provide better content presentation.

All that and many more subtle touches are here to really make your content the hero.

Join our forums

Active communication is very important to grow your organization and make a difference. You can always visit our membership academy at www.wildapricot.com for more information.