Sage St is a Premium template. Here is some helpful information pertaining to the template:
|Control panel version||3|
|Slideshow in gallery||YES|
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.|
*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.
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.
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 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 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 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.
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.
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.
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.
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.
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.
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.
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.
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’.
The menu can be aligned left, right, or center. Under Site Settings > Template Settings in the Menu alignment field, enter ‘left’, ‘right’, or ‘center’.
The logo can be aligned left, right, or center. Under Site Settings > Template Settings in the Logo alignment field, enter ‘left’, ‘right’, or ‘center’.
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.
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.
Enter the desired transition time in seconds for intro and gallery images under Site Settings > Template Settings in the Transition time field.
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’.
Under Site Settings > Template Settings enter the amount of time in seconds an image should display in gallery slideshows before loading the next image.
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 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.