To install the template to your hosting server you need to upload the template files using the FTP Manager. You can use your hosting control panel file manager or some third party FTP manager like FileZilla, CuteFTP etc.

Open the template folder;

All html files are in the main folder. These files are where all your content will be.

All css files are in css folder. CSS is simply a way to take text, images, and other elements and change the look of them.

All javascript files are in js folder. JavaScript is a popular programming language that's built into all the major web browsers and used to make web pages interactive. If you don't have enough javascript knowledge I suggest you to not edit any of the javascript files. To learn more about plugin options, please visit the official plugin pages. You can find their links on the following Javascript section.

There is only one php file (mailer.php) in the main folder. It is used for contact form. It will work only on a server. You should change only e-mail field. Please look at the following sections for more information.

All font files are in fonts folder. For more information please look at the "how to change fonts" section.

All images are in images folder.

Uploading files with FTP and Filezilla

Start Filezilla and go to File > Site Manager.

Click on New Site and enter the FTP account details provided by your web host. Once you're done, click Connect (the new site entry will be saved automatically).

Once connected, you'll see two panes: the left one (first image below) shows the files on your computer, and the right one (second image below) shows the files currently on the web server. Using the pane on the right, browse to the folder to which you want to upload your files.

Using the left pane, select the files you want to upload and drag them over to the right panel. Filezilla will now begin uploading the files to your web host.

And that's it! If you're done uploading files, just click the disconnect icon to close the connection to the web server.

Here's a list of the stylesheet files we are using with this template, you can find more information opening each file:

How To Change Fonts

If you want to change the fonts, you should edit following codes in style.css file.

You can use a standard font family like "times", "courier", "arial", etc. or you can use Google web fonts. You can find a lot of articles about using Google Web Fonts on Google. For example; Beginner's guide to using Google Web Fonts.

How To Change Colors

If you want to change any color which is using in the template, you should change the color code of the element.

There are two type of html color code. HEX and rgba. We used rgba colors to create semi transparent colors.

Please look at the following links to learn more about html color codes;

HTML colors

CSS legal color values

JavaScript Files

Here's a list of the javascript files we're using with this template, you can find more information at plugin official web sites:

How to change the contact forms recipient e-mail

To change the Recipient E-mail, open up the mailer.php file and find the following code:

$recipient = "youremail@mail.com";

Just change youremail@mail.com with your email address.

Php files work only on servers. So you should test it on a server. It will not work on your computer.

If your contact form doesn't work, try it with different email addresses. If problem still persists contact your hosting provider. There should be a problem on your server.

JavaScript

Fonts

Demo Images