Follow the steps below to get started with your site template:
Open the Package/HTML folder to find all the templates files.
You will need to Upload these files to your Web Server using FTP in order to use it on your Website.
Make sure you upload the required files/folders listed below:
HTML/css – Extra Stylesheets Folder
HTML/images – Images Folder
HTML/webfonts – Fonts Folder
HTML/style.css – Main Stylesheet File
HTML/index.html – Index File/Homepage
The main features you need to set up before start editing your Site Template:
On each page inside head tag is located the google analytics syntax. You need to replace code_here with your tracking code.
You can start using the Google Fonts API by adding a stylesheet link to request the desired web font(s) inside each page head tag.
Style an element with the requested web font, either in a stylesheet:
If you plan to use a Self-Hosted font, use the following code possibly at the top of the style.css file:
You need to place your fonts files inside fonts folder located int the template ROOT folder.
Ajax Page Load
This is the Core Plugin of the template. It can allows you to have flawless page transitions with spectacular effects. The structure of a link which call the ajax page load plugin should have this structure:
If you want to disable this feature and load page normally, add on each page disable-ajaxload class to body.
Magic Mouse Cursor
A circle that follows the mouse cursor and have different animations hovering links or elements inside the template. You can set the color of it by changing the color code data-primary-color="#ff0000" at this data attribute.
It can be disable it by adding on each page disable-cursor class to body.
The HTML structure should remain on each page because it is part of Core Plugin otherwise you'll get a JS error.
Page Color Scheme
All the options need to be edited to the div below:
You can set individual background color on each page.
Set your page color at this attribute
Add this class if your background color is lighter. This class will make your logo, text and page elements darker
Add this class if your background color is darker. This class will make your logo, text and page elements lighter
Google Map API
In the above example, replace YOUR_API_KEY with your API key.
Custom JS Code
Check your browser console for code validation.
Didn't find what you were looking for?
If there’s anything unclear or you have some concerns open a ticket on our forum and we'll get back to you.