Pioneer Way Sample

Pioneer Way

Pioneer Way 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.
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 menu item text when highlighted.
Secondary Color: Not used
Border Color: Colors the border elements found throughout the site.
Page Background Color: Colors the main content area background. This element’s opacity can be modified in template settings.
Custom Color 1: Colors the main menu items, copyright text, scroll bar elements, and icons in the lower right corner of the site. Note that scroll bar backgrounds use custom color 1 at 50% opacity.
Custom Color 2: Colors elements colored by custom color 1 on mouse over.
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 1200* 800*
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 controls

When editing each page, you have the ability to control a page image, alignment, color, and a background texture. Select the up arrow to upload a page image. Select the page color by clicking the ‘Choose Color’ link below the Page Color header. If no color is selected the ‘Default page color’ setting under Site Settings > Colors is used. Adjust the slider to the right of the page color heading to control the opacity of the page color overlay. Select a background texture from the drop down menu below the Page Texture heading. You can also upload a texture of your own. Keep in mind that the page texture fills the area of the container. If the texture images proportions do not match those of the container, the texture image is cropped by the template to fill the container space. The page color overlays the texture with the opacity setting above. Select a desired page text alignment. Please note that selecting ‘center’ will not accommodate a page image.

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.

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.

***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.

App Opacity

Enter a value from 0 to 1 for the desired opacity level of the main content area background under Site Settings > Template Settings in the App opacity field. For example, entering .8 would result in the main background being 80% opaque.

Content Padding

Enter the desired number of padding in pixels between gallery images, intro images, and page content and the main content area background under Site Settings > Template Settings in the Content padding field.

Window Padding

Enter the desired number of padding in pixels between the edge of the browser window or container div if used under Site Settings > Template Settings in the Window padding field.

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.

Logo Position

The logo can be positioned either above or adjacent to the container. Enter ‘above’ in the Logo position field under Site Settings > Template Settings to place the logo above the main content container. Enter ‘adjacent’ in the Logo position field to place the logo next to the main content container.

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.

Video

You can find helpful information on video here. To add a video to a page, add the following text to a page:

VIDEO:file_name.m4v

file_name.m4v should be the name of the video file to be added to the page from the video bank.

Social Media

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