Sage St Sample

Sage St

Sage 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 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.
Secondary Color: Colors the area outside of the container box if one is 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 and selected menu items.
Custom Color 3: Colors the glow of the mouse following gallery navigation if 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. 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.

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.

Container Settings

Sage St. can be placed within an html container box. If ‘yes’ or ‘on’ is entered in the Show Container field under Site Settings > Template Settings, a container box is placed around the flash site. The background of the box uses the body color field, while the space around the container box uses the secondary color. If nothing is entered in the Container aspect ratio field under Site Settings > Template Settings, the container box will be the size of the browser window minus 100 pixels or 50 pixels on each side. If a ratio such as 3:2 or 16:9 is entered, the container box will show at the ratio entered. Please note: container boxes are not visible in full screen mode. Full screen mode shows only the flash element of the site.

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.

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.

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.

Menu Position

The menu can be positioned on the top or the bottom of the site. Under Site Settings > Template Settings in the Menu position field, enter ‘top’ or ‘bottom’.

Menu Alignment

The menu can be aligned left, right, or center. Under Site Settings > Template Settings in the Menu alignment field, enter ‘left’, ‘right’, or ‘center’.

Logo Alignment

The logo can be aligned left, right, or center. Under Site Settings > Template Settings in the Logo alignment field, enter ‘left’, ‘right’, or ‘center’.

Image Border

Sage St. can be set to add a border around gallery and intro images. To show image borders enter ‘yes’ or ‘on’ in the Show image border field under Site Settings > Template Settings. The border thickness can be set in pixels in the Image border thickness field.

Mouse Following Gallery Navigation

Navigation arrows that follow the mouse when it is over the main content area in an image gallery can be turned on and off. Enter ‘on’ or ‘off’ in the Use mouse following gallery arrows field under Site Settings > Template Settings.

Transition Time

Enter the desired transition time in seconds for intro and gallery images under Site Settings > Template Settings in the Transition time field.

Transition Type

There are three different transitions available. Under Site Settings > Template Settings in the Transition type field, enter fade for a simple ‘fade’, ‘wipe’, or ’slide’.

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.


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


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 Sage 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:


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 »

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