Santiam Pass Sample

Santiam Pass Screen

Santiam is a Premium template. Here is some helpful information pertaining to the template:

Design Details

Template type PREMIUM
Control panel version 3
Supports categories YES
Contact form YES
Supports logo YES
Slideshow in gallery YES

Site Colors Settings:

Go to Site Settings/Colors in your site control tools

You will find the ability to change colors from the Colors section.

Color Name Color Description
Title Color: Colors the title if no logo file is used. Also colors page titles.
Text Color: Colors the page text and contact form borders.
Body Color: Colors the body background. If a texture file is specified it will overlap this color. Body color also colors the calendar detail text, and calendar number text of days that are not highlighted.
Secondary Color: Colors the ‘back’ of images that when they transition in, audio player background, email image form background, calendar date backgrounds and detail panel, scroll bar backgrounds besides those on pages.
Border Color: Colors the border elements found throughout the site.
Page Background Color: Not used.
Custom Color 1: Colors the main menu items, copyright text, page scroll bar elements, and icons in the lower right corner of the site. Also colors the highlight bar on menu items when an item is selected and static color on the loader dots.
Custom Color 2: Colors icon rollover colors and sub menu colors. Colors bar above main menu text and highlight tab. Also colors the highlighted day text on the calendar, borders on the email image form, selected audio buttons, and dynamic color on the loader dots.
Custom Color 3: Not used.

Image Sizes

All images should be uploaded to your image bank and optimized for the web. The following are recommended sizes.

Image Width Height
Gallery images 900* 600*
Page images 400* 600*

*These sizes are only recommendations and can be adjusted based on your needs. It is important to consider the size of the images and average browser window size. For instance, larger images will fit available space better on larger screens but will also have larger files sizes and take longer to download.

Special Features / Template Settings

Page Linking

To make a page link redirect to some other page (ie. Put the following as the first and only text in the page text: REDIRECT:


Music is uploaded into the music area under Site Settings. The jukebox will read ID3 tags from MP3 files. Depending on what music player you use, you may have to “Convert ID3 Tags…” before they are uploaded to your site. Otherwise the jukebox will not be able to read the song/artist information. Please use version 2.4 for best results. It may be necessary to enter artist and song information if either is not defined.


To display the availability calendar, select the add calendar check box at the bottom of the page you wish to add the calendar to. To manage the calendar dates, go to Pages > Calendar. Press the calendar boxes to add or edit events to your calendar.

Contact Form

To display the contact form, select the add contact form check box at the bottom of the page to which you wish to add the contact form.

Texture File

Upload an image for the background texture under Site Settings > Intro/Texture. Press the upload new file button under Texture and select a new image to upload. Texture images should be sized to a minimum of 1400 x 1050 pixels. To remove the texture press the delete button to the right of the image.

Slideshow Speed

Under Site Settings > Template Settings enter the amount of time in seconds an image should display in gallery slideshows before loading the next image.

Auto Start Slideshow

Under Site Settings > Template Settings enter ‘yes’, ‘on’, or ‘true’ to have the gallery slide show auto start when entering a gallery.

Portfolio Menu Title

Enter the desired title for your categories and galleries under Site Settings > Template Settings. The default title is ‘portfolio’.

Category Menu Images

When a category is clicked, it brings up a menu of images with labels for each gallery. By default these images are loaded from the first image in each gallery. To show a custom image for each gallery, upload an image with that gallery’s name to the image bank for each gallery. Then enter ‘no’ in the Auto menu thumbnails field under Site Settings > Template Settings.

Intro Page

Santiam Pass can be set to load images randomly from all of the galleries in the images admin area. To set this up, enter ‘yes’ in the Do intro from gallery images field under Site Settings > Template Settings. Once this is set, images uploaded under Site Settings > Intro/Texture will not be loaded.

Santiam Pass allows control over how many images can be shown per set on the intro page. Enter the desired number of images to be shown on the intro page in the Intro images per set field under Site Settings > Template Settings. Any amount greater than 3 entered in this field will set the images to load in two rows.

Logo size

A good place to start is around 400 width by 100 height in pixels. If you need the logo bigger/smaller, just resize the logo in your image editing program and then re-upload into the admin.

Logo Design
Need to re-brand your logo? We have a great logo design team that can help you make that impact in your business. Check out our logo services HERE and take it to the next level.

Font Modifiers

Font Modifiers allow you to increase or decrease the size of the text from its default size (set at 0) for your Site Title, Navigation, and Pages. This is most helpful when selecting fonts that render at small sizes.

Social Media

Social media icons and links to networks like facebook and twitter can be added to Santiam Pass. Under Site Settings > Profile under the Social Media section, add a reference to the image for a given social network and a link to a page on that network using the following format:


In this case, the images ‘facebook.png’, and ‘twitter.png’ should be uploaded to the image bank. Both pngs and jpgs can be used for these icons. There are many places to find social media icons for your site. Here is an example of one set.

Social media icons can also be added to the bottom of any page by adding the same code found in Site Settings > Profile prefixed by the text ‘SOCIAL MEDIA:’. The final text should look like this at the bottom of the page text section:


Help & Support

Submit a Support Ticket »

© 2020 BIG Folio Inc. • All rights reserved
Terms and Conditions