“North Host” Documentation by “Audemedia” v1.1
“North Host, Responsive HTML Template for Web Hosting”
Created: 07/08/2012
Updated: 16/06/2014
Author: Audemedia
Web site: http://audemedia.com
E-mail: hello@audemedia.com
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 profile contact form on Themeforest.
Table of Contents
A) HTML Files - top
The North Host theme is a responsive HTML theme based on Foundation 3.0. The structure based on a flexible grid that lets you change HTML pages quickly and logically with a nestable system.
If you would like to edit the layout of any elements in whole theme, you would do the following:
Open the file /stylesheets/layout.css, so that is extremely easy to change any css attributes. Simply find the related and commented heading in this css file and make your magic.
The font is Droid Sand from Google Web fonts and if you like to change it with a usual web safe font (arial, verdana etc.) you must remove from <head> section of each page the line <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'> and also change the font-family class of body{} in line 2 of file /stylesheets/layout.css from font-family: 'Droid Sans', sans-serif; to font-family: Arial; (for example)
B) CSS Files - top
I'm using the following CSS files in this theme:
- /stylesheets/layout.css -> main css for this template layout with some extra media queries
- /stylesheets/fpundation.css -> the main css file for grid and responsive layout.
- /stylesheets/ie.css -> styles for some corrections in Internet Explorer
- /stylesheets/flexslider.css -> styles for Flex Slider in index-content-slider.html
- /stylesheets/colorbox.css -> styles for Colorbox (a lightbox alternative) for open images to new window in Photo Gallery Page
- /stylesheets/jquery-ui.css -> styles for the slider order section in vps.html
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file (mainly the layout.css), and then scroll down until you find the appropriate style that needs to be edited.
C) JS Files - top
This theme uses jQuery framework with various additional plugins.
-/javascripts/contact-script.js -> javascript functions for contact form like validation, ajax functionalities on contact.html
-/javascripts/app.js -> this is the file that you can change some options to sliders, carousel, tweets etc. Also loads the tabs, alerts, accordion scripts to all pages, for using them anywhere you like.
-/javascripts/gmap3.js and /javascripts/markerwithlabel.js -> javascripts for Google map on contact.html. The address of the map changed in the <head> section of contact.html
-/javascripts/jquery.flexslider.js -> javascript for Flex slider
-/javascripts/foundation.js -> the main foundation 3.0 javascript for tabs, alerts, accordion etc. Don't change anything to it.
-/javascripts/colorbox (folder) -> javascript for Colorbox (a Lightbox alternative) script
D) PSD Files - top
I've included only the logo psd with this theme, mainly because the whole theme designed in browser. I don't think that you need any other PSD file,
to change anything in this template.
Please check font.txt is /PSD folder to find the font that i'm using in the logo.
E) WHMCS Template - top
North Host HTML template includes a basic WHMCS template (header/footer integration, no responsive) based on WHMCS popular Default template.
To install it, just upload the northost folder that exists in WHMCS_TEMPLATE folder in your downloaded files, to your WHMCS installation in /templates folder. Then login to WHMCS, go to SETUP > GENERAL SETTINGS and choose northost in the templates drop-down.
You'll have a same design between your main site (HTML template) and your WHMCS installation!
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.
Audemedia - http://audemedia.com