ZENFOLIO

Using the Theme Designer you can start from a variety of provided templates or you can create your own from scratch. You can create multiple themes and apply them to specific parts of your site. For example, you may want things to display within your site differently than on the Home page. You can use as many custom themes as you need.

For a video presentation on the Theme Designer, click on the Play button below.


 

1. In Edit View, select Files & Resources under the Organizer
2. Click on Custom Themes
3. Click Create New
4. Select the Start with a Template tab
5. Click to highlight the theme template you would like to modify
6. Click OK

Now that you have a template you can change the Style and Elements as desired

Step 1: Create a Color Scheme

As you are using a provided Template skip to Step 2

Step 2: Configure common styles shared between pages

The Styles tab allows you set the overall colors and appearance for your themes.

1. Under Toolbox » Selected Element click the down pointing arrow to access the drop-down menu. Select the Element that you would like to edit. The element settings will load beneath.
2. Use the drop down menus provided (if applicable) to select desired settings.
3. Your changes will be reflected in the preview window to the right. Repeat 1 and 3 until satisfied.
4. Click the Undo Last link in the top, right corner of the screen as needed.
5. Once you are satisfied with the Style click the Save link near the top of the screen.

Note: Alternatively you can click on Elements in the Preview window to access element settings. An orange box will appear around any customizable element.

Step 3: Configure individual elements

The Elements tab allows you to customize specific page elements. Any items on a theme page that are not directly customizable in the elements tab inherit from the styles defined in the styles tab.

1. Click the Elements tab at the top of the page.
2. Under Toolbox » Selected Element click the down pointing arrow to access the drop-down menu. Select the Element that you would like to edit. The element settings will load beneath.
3. Use the drop down menus provided (if applicable) to select desired settings.
4. Your changes will be reflected in the preview window to the right. Repeat 2 and 3 until satisfied.
5. Click the Undo Last link in the top, right corner of the screen as needed.
6. Once you are satisfied with the Style click the Save link in the top, left corner of the screen.

Note: Alternatively you can click on Elements in the Preview window to access element settings. An orange box will appear around any customizable element.

For a great example on creating a custom page theme, check out this blog post about Creating a Custom Theme.