# Getting Started

### Introduction

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you won't be disappointed. We do our best to produce top notch themes with great functionality, premium designs and human readable code.

Melanie Hanson is a responsive and clean HTML template, made by a team of creative professionals here at ThemeREX. ThemeREX is a place to buy premium WordPress themes and HTML templates covered by effective and helpful support. Creative, crazy about details and innovative. We are a small and customers oriented company aiming to exceed your expectations!

### Rate This Theme

DON'T FORGET to rate this theme on ThemeForest – it's good to know what others think about our work. You can rate it in the download area of your account:

### How To Use This Document

Before you get started we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.

Use our built-in Search tool (top right corner in the header of this file) or the search tool in your browser (click CTRL+F - works in most browsers) to quickly find all the keywords which you are looking for:

### License

With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or one client. In short:

What is allowed with single regular license:

1. You can create one website for yourself or for your client and you can transfer that single website to your client for any fee. This license is then transferred to your client.
2. You can install the theme on your test server for testing/development purposes (that installation shouldn't be available to the public).
3. You can modify or manipulate the theme, you can combine it with other works to create the End Product.
4. Theme updates for that single End Product (website) are free.

What is not allowed:

1. With single regular license it is not allowed to create multiple websites. For multiple websites you will need multiple regular licenses.
2. To resell the same website (Single End Product) to another clients. You will need to purchase an extended license for this.

For more information about licenses, please refer to ThemeForest:

- License FAQ
- Licenses overview
- Regular license details
- Extended license details

### Help & Support

#### Support Policy

Please read this user guide carefully, it will help you eliminate most of potential issues with incorrect configuration or using this template.

To be able to request a technical support assistance, you need to have a valid purchase code. To get the code, please navigate to your ThemeForest "Downloads" page and click on the theme download link.
Check this link for more information on this matter.

PLEASE NOTE That as authors of this theme we do provide support only for the theme-related features and of course for the issues related strictly to this theme.
We do not provide support for configuration, installation, maintenance, customization, 3rd party plugins integration or any other compatibility issues that might arise. Nevertheless, there is an exception that is only applied to the plugin(s) we have developed and integrated ourselves.

If you have any questions that are beyond the scope of this help file, feel free to post them on our support message board (forum) at https://themerex.net/support/. We will respond as soon as possible (within 24 – 48 hours, usually faster). We are open from 10am to 7pm (CET), from Monday till Friday.

Please be aware that some questions are posted on our website in "Common Questions" section. So, before submitting a new ticket, please try searching our website for an answer, as well as checking our Video Tutorials and Articles. Our website has its own inner search and also has been indexed by Google, so if you can not find your answer with our website search, it is worth typing it into Google too. Please make sure you have looked at all the available resources before submitting a support request.

#### Customization

As we have mentioned above the theme's customization/modification is beyond the scope of our support policy.

As for minor CSS tweaks the best way is to use Web Inspector (available in Safari/ Safari Technology Preview ), Developer Tools (for Firefox and Google Chrome) or other similar tools.
Check these short video tutorials regarding Firebug functionality features:

- http://getfirebug.com/video/Intro2FB.htm
- https://css-tricks.com/video-screencasts/15-introduction-to-firebug/

Here you can find more information about CSS:

- https://developer.mozilla.org/en-US/learn/css
- http://www.w3schools.com/css/
- http://reference.sitepoint.com/css/syntax

# Homepage

This HTML template provides a few different homepage styles. Check the examples below.

Home 1:

Home 2:

Home 3:

The corresponding files `index.html`, `home-2.html`, `home-3.html` (as well as the other .html-related ones) are in the root directory of your template's archive.

# Widgets Sidebar

This is how the standard widgets sidebar looks like.

Widgets Sidebar Code

    <div class="sidebar right widget_area scheme_light" role="complementary">
    ...
    </div>

The corresponding file, which is `classic-1-column.html` is in the root directory of your template's archive.

# Standard Post

Below is an example of a Standard Post.

Standard Post Code

    <div class="content">
    ...
    </div>

The corresponding file, which is `single-post.html` is in the root directory of your template's archive.

# Social Icons

This is how the social icons look like.

To add a link to your social icon paste the necessary URL into the `<a href>` tag. See the example below:

Social Icons Code

    <a href="#" target="_blank" class="social_icons social_facebook">
        <span class="trx_addons_icon-facebook"></span>
    </a>

# Typography

Below you can find some of the Typography elements used in this template.

### Headings

### Dropcaps

Check the `typography.html` file for more information.

# Shortcodes

Below are examples of several shortcodes available for this theme.

### Contact Form

Here is the main Contact Form.

File(s) responsible for contact form functionality:
`root directory.../includes/sendmail.php`
`root directory.../contacts.html`

Specify your email address in the `sendmail.php` file. Check the screenshot below.

Email Address Code

    $contact_email = 'example@mail.com';

### Google Map

This is how the standard map looks like.

File(s) responsible for Google map initialization and functionality:
`root directory.../js/vendor/layout.grid/trx_addons.js`
`root directory.../contacts.html`

Specify the address/coordinates in the `root directory.../contacts.html` file or any .html related one where the Google map should appear.

Address Code

    <div id="sc_googlemap_973_wrap" class="sc_googlemap_wrap">
        <div id="sc_googlemap_973" class="sc_googlemap sc_googlemap_default" data-zoom="16" data-style="melanie">
            <div id="sc_googlemap_973_1" class="sc_googlemap_marker" data-latlng="" data-address="7337 Trade St, San Diego, CA 92121" data-description="" data-title="" data-icon="images/local.png"></div>
        </div>
    </div>

Specify the Google API Key in any file you want Google Map to appear. Insert it right after the "key=" attribute. Check the screenshot below for more information.

API's key code

    <script type='text/javascript' src='http://maps.google.com/maps/api/js?key=...'></script>

# Extra Plugins & Features

Several additional plugins were stylized according to the main color scheme of this template. In this section, we describe a few of them.
As for the rest, all the necessary files are in the `root directory.../js/...` and `root directory.../css/...` folder(s).

PLEASE NOTE! Full-fledged functionality might not be supported/provided for some of the additional plugins (because some of them were just stylized to match the template's color scheme and overall look) as it is just a HTML template.

Below you can check the brief explanations to some of the most popular plugins included into this template.

### Revolution Slider

File(s) responsible for the Revolution Slider functionality:
`root directory.../js/vendor/revslider/...`
`root directory.../home-2.html`

Check the `home-2.html` file for more information.

### Swiper Slider

This is how the Swiper Slider looks like.

File(s) responsible for the Swiper Slider functionality:
`root directory.../js/vendor/swiper/...`
`root directory.../shortcodes.html`

Check the `shortcodes.html` file for more information.

# Sources and Credits

In this section you can find additional information regarding fonts and clipart (.psd files) used in this theme.

- Fonts:
  - Check the `root directory.../css/...` folder for more information.
  - Fontello (non standard, icons set). Specified in every `.html` file. Check this directory for more information `root directory/css/fontello/...`.
- Clipart:
  - Images were taken from here.
  - IMPORTANT! Please be aware that all clipart images included in this template are the copyrighted to their respective owners and are not available for download with this theme. Clipart images can not be used without express permission from the owner and/or need to be purchased separately.
    Nevertheless, you can request the image IDs/references by contacting our support department.
- PSD Files:
  - Please be aware that we do not include theme related .PSD files in the theme package, because it might significantly increase the size of a downloadable archive.
    In case you need these files you can always request them by contacting our support department at https://themerex.net/support/.

# Troubleshooting

We are happy that you are one of our customers and we assure you won't be disappointed. If you come up with any questions that are beyond the scope of this help file, feel free to post them on our support message board at https://themerex.net/support/.

We are open from 10am to 7pm (CET), from Monday till Friday. Please be aware that we are off on weekends.

PLEASE NOTE! Our support policy covers getting setup, trouble using any features, and any bug fixes that may arise.
Unfortunately, we do not provide support for installation, any customizations or 3rd party plugins. You also need to have a valid purchase key to request an assistance from our support team.

# Website Customization

Custom Websites are usually the most important part of an online marketing campaign. A properly built custom website can help you get the most results from your marketing efforts. Our team can do it for you.

Please, find some of our offers below:

You can check the full list of offers here.