“Callisto Responsive HTML Template ” Documentation by “Planetshine” v1.0

“Callisto Responsive HTML Template”

Created: 07/10/2012
By: Planetshine
Email: support@planetshine.net

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. Layout
  2. HTML Files
  3. CSS Files
  4. JavaScript
  5. PSD Files

A) Layout - top

This theme has a Responsive layout with one or two columns (varies for different sections). All of the information within the main content area is nested within a div with a class of "main-content-wrapper". The general template structure is the same throughout the template.

This theme has 3 different layout modes - normal (for 960px or wider screens), tablet ( for screens smaller than 960px ) and mobile (for screens smaller than 768px). Adjust your browser window size to explore them closer.

B) HTML Files - top

The following HTML files are provided:

C) CSS Files - top

This theme has following CSS files:

Main-stylesheet.css is the base stylesheet, that holds everything needed for the light version of theme. dark.css overwrites css rules, from main stylesheet, and produces the dark theme. Internet Explorer specific stylesheets need to be included only for the appropriate them style (don't include ie-dark.css if you are using light version of theme). Checkout section uses it's own stylesheets and don't need neither main-stylesheet.css, nor dark.css

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

D) JavaScript - top

This theme uses Jquery Javascript library and many plugins and custom built scripts. All the theme specific behaviour is written in global.js and this is the only file you may ever need to edit.

It is comparatively easy to find what you need to edit in global.js. Just open the file and look for init function. It initializes all other functions which you can recognize by the name. For instance to edit product lightbox, you have to edit "initProductLightbox" etc.

E) PSD Files - top

PSD files are provided for each of the templates. The following files are included:

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.


Go To Table of Contents