Design055 Sample

Design55 Sample

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

Design Details

Template type PREMIUM – HTML5
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 about nine(9) colors from the Colors section.

Color Name Color Description
Title Color: Colors the logo if no logo file is used.
Text Color: Colors the page text, header text, contact form field background, and send button background.
Body Color: Colors the body background. If a texture file is specified it will overlap this color. Colors contact form field backgrounds and send button text.
Secondary Color: Colors the background of header and footer areas.
Border Color: Colors border and line elements and image category shadows.
Page Background Color: Colors the background of text pages.
Custom Color 1: Colors the menu items, copyright text, gallery navigation, any page links (including sub page links), audio player buttons, thumbnail button, and slideshow button.
Custom Color 2: Colors the items colored by custom color 1 on mouse over where a mouse over state exists.
Custom Color 3: Colors audio progress bar, and scroll bar tracks.

Image Sizes

All images should be uploaded to your image bank and optimized for the web.

Image Width Height
Intro images 1440 960
Gallery images 1440 960
Page images ≤ 480 ≤ 720

Special Features / Template Settings

Menu alignment

This setting controls the alignment of menu.

Logo alignment

This setting controls the alignment of logo.

Logo

A good place to start is around 200 width by 70 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.

Intro Images

Under Site Settings > Intro/Texture upload images for the intro or background image that appears when your site opens. Press the upload new file button under Background/Intro and select a new image to upload. Intro images should be optimized and sized according to the template image specifications. Drag and drop the images to reorder them. Press the delete button on the right to delete an image.

Page Linking

To make a page redirect to an external link select redirect from the page type setting when editing a page. Enter the desired URL in the URL field.

Music

Music is uploaded into the music area under Site Settings.

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.

Contact menu label

Under Site Settings > Template Settings enter the desired label for the button that opens 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.


Margin Settings

Design55 allows you to control the margins of the menu and main content area.

Image Top, Bottom, Left, and Right Margins

These settings control the margins for the available area for intro and gallery images. They are calculated from the bottom of the header, top of the footer, and left and right edges of the browser window.

Page Top, Bottom, Left, and Right Margins

These settings control the margins for the available area for pages. They are calculated from the top, left, and right edges of the browser window and the footer area.


Slideshow speed

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

Auto start slide show

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

Image Border Thickness

This setting controls the thickness of gallery and home image borders. Use the slider under Site Settings > Template Settings to increase or decrease the size of image borders. Setting the image border to 0 will remove image borders.

Max Page Width

This setting controls the maximum allowable width pages can occupy. Pages will scale down as needed to fit within the available space as dictated by the page margin settings and the browser window size.


Other video

Because Design55 is an HTML site, you can embed youtube, vimeo, and other third party video players. Simply paste embed code on a page using the simple text editor when editing a page. The simple text editor can be accessed from the simple text editor link under the rich text editor when editing a page.

Redirect target

Page redirects can be set to open in the same window as the site by setting the Redirect target under Site Settings > Template Settings to “_self”. This can also be set to target a given window name so all redirects open in a given new window. Otherwise all redirects will open in a new window by default.

Help & Support

Submit a Support Ticket »


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