Miami Website Template Guide

CREATE PAGES?

This page shows you options that you have with this specific template. if you would like to learn how to create pages, click the link below.

CLICK HERE TO LEARN HOW TO CREATE PAGES

 

 

IMAGE SIZES

All of your images should be cropped, optimized, and saved for the web before you upload them. This will help your product load images as fast as possible. Click the "Watch Video Tutorial" button to learn more about this. 

The image sizes below are the sizes use in our demo. 

ALBUM PAGES: Our demo is set to 16:9. Our horizontal images are cropped to 1600x900 pixels and our vertical image are 900 pixels tall with Letterboxing turned on (see example page). 

Remember you have the option to set  the "Album Aspect Ratio" in your admin under the " Design " tab >>Settings>>Album aspect ratio.

Turn on letterboxing: SETUP>>SETTINGS TAB>>TURN ON LETTERBOXING

INFO PAGE: Our demo has an album aspect ratio of 1600 wide. So our image on top of the page are 1600 wide and our images on the side of the page are 800x800 (to leave room for the text). Example (image on side) or (image on top).

INFO LIST PAGE: Our demo has images that are 1600x900 wide. You can make them any height.  (see example of sizes)

GALLERY LIST PAGE: Set the images to the same width as the body (any height you want). Our demo is set to 1244 wide.   (see example of image sizes)

SPLASH PAGE: Set the images to the same width as the body (any height you want). Our demo is set to 1244 wide. 

CONTACT PAGE: This page does not have an image area. 

 

 

DESIGN >> SETTINGS / LOGO / BODY / BACKGROUNDS TABS

The video below shares the options in this tab.  

 

 

 

DESIGN>> FONTS TAB

The following explains how to upload fonts into your template. 

  1. Go to http://www.fontsquirrel.com/
  2. find your font, click on it so it takes you to that font's page
  3. Click the "Download OTF or TTF" button
  4. Unzip the file
  5. Go back to Font Squirrel and click the "Web Generator" button
  6. Click the "Add Fonts" button and uplaod the font file (that you just unzipped)
  7. Check the Agreement box
  8. Click the "Downlaod your kit" button (this is the zip file that you will upload to your product)

HINT: if you are using Safari, the zip might automatically unpack once downloaded. This will not work. To change this setting
In Safari go to Preferences > General, and uncheck "Open SAFE files after downloading".

  1. If you are logged into the backend of your product,
  2. Click on the "Design tab"
  3. Click on the "Fonts" tab
  4. Click "Upload" (make sure you read below to understand how to prepare your font)
  5. Click "Save"

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk