Wapato St Sample

Wapato St

Wapato St 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 logo text if no logo file is used and the content item labels.
Text Color: Colors the page text, contact form text, and page scroll bars.
Body Color: Colors the body background. If a texture file is specified it will overlap this color.
Secondary Color: Colors the menu background and the menu hit button background.
Border Color: Colors the border elements found throughout the site.
Page Background Color: Colors the main content item backgrounds.
Custom Color 1: Colors the main menu items if generated text is used, copyright text, gallery navigation controls, and icons in the lower right corner of the site.
Custom Color 2: Colors menu items on roll over if generated text is used and menu arrows when not selected
Custom Color 3: Colors the menu arrow of a selected item

Image Sizes

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

Image Width Height
Intro images Content width setting Content height setting
Gallery images Content width setting Content height setting
Page images Content width setting 25% of Content Height setting
Sub Page images 25% of Content Height setting Height of sub page text

*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. http://google.com) Put the following as the first and only text in the page text: REDIRECT:http://google.com

Music

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.

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.

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.

Logo Size

A good place to start is around 200 pixels wide by 100 pixels high. 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.

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. Please note: textures only fill the container box if one is used.

***Textures are an easy way to set your site apart and give it depth. We have an incredible set of texture packs to choose from created directly by our developers for you HERE.

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.

Content Width & Height

Under Site Settings > Template Settings set the desired content width and height settings for the content items. The default width and height are 1200 by 800.

Content Spacing

Enter the desired amount of space between each content item in the Content spacing field under Site Settings > Template Settings.

Content Padding

Enter the desired amount of space between the edge of the inner content and the edge of the content item background in the Content padding field under Site Settings > Template Settings.

Content Border Type

There are two border types that can be applied to each content item. For a straight line border around the entire content item, enter 1 in the Content border type field under Site Settings > Template Settings. For a straight line across the top and bottom of content items, and dotted lines on the left and right sides, enter 2. For no border, enter 0;

Thumb Padding

Enter the desired amount of space between each thumbnail in pixels in the Thumb padding field under Site Settings > Template Settings.

Page Content Padding

Enter the desired amount of space between page elements in pixels in the Page content padding field under Site Settings > Template Settings.

Page Content Margin

Enter the desired amount of space between the edge of a pages background and the inner page content in pixels in the Page content margin field under Site Settings > Template Settings.

Logo Position

Enter the desired X and Y position for the logo in the Logo x position and Logo y position fields under Site Settings > Template Settings. Note that menu items are left aligned with the placement of the logo. Setting both values to 40 is a good place to start.

Arrow Style Type

There are 7 types of arrows that can be used in the main menu. Enter 1, 2, 3, 4, 5, 6, or 7 in the Arrow style type field under Site Settings > Template Settings. Enter ‘all’ to cycle through all of the available arrows in order.

Menu Text

Enter the desired text to use for the main menu indicator in the Menu text field under Site Settings > Template Settings. This indicator is shown when the menu is hidden.

Menu Spacer

Enter the desired amount of vertical space between each menu item in pixels in the Menu spacer field under Site Settings > Template Settings.

Menu Mode

To use images instead of generated text for the main menu items, enter ‘image’ in the Menu mode field under Site Settings > Template Settings. Menu images should be transparent .png files and uploaded to the image bank. The file names should match the category or page title. For example, to use an image for a page named “About Us”, the associated menu item image would need to be named “About Us.png” and uploaded to the image bank. We recommend not having menu item images wider than 300 pixels or taller than 100 pixels.

Auto Close Menu

To automatically close the main menu once an item is selected, enter ‘yes’ in the Auto close menu field under Site Settings > Template Settings.

Thumbnail Layout Type

There are two types of thumbnail layouts, 1 and 2. Thumbnail layout 1 contains several grids with varying thumbnail sizes and can accommodate 1-4 galleries per category. Thumbnail layout 2 shows a grid overlay on the thumbnail layout and displays square thumbnails. Enter the desired thumbnail layout type in the Thumbnail layout type field under Site Settings > Template Settings.

Contact Form Button Type

To use the built in phone icon for the contact form send button, enter ‘icon’ in the Contact form button type field under Site Settings > Template Settings. To use a text button, enter ‘text’.

Video

You can find helpful information on video here.

Social Media

Social media icons and links to networks like facebook and twitter can be added to Wapato St. 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:

facebook.png,http://facebook.com/myIDHere
twitter.png,http://twitter.com/myIDHere

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.

Help & Support

Submit a Support Ticket »


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