1. It is strongly recommended to use Google Chrome to edit your website via Weebly.
There are some known issues with the use of Weebly and various versions of Firefox.
2. In WebfireThemes Corporate Weebly theme, we have integrated the instructions into the weebly editor for ease of use.
This may result in some formatting and layout issues when viewing the site via the weebly editor.
we suggest you publish your site to a temporary weebly domain whilst building so you can see what the site looks like when it is live.
3. If you have purchased the theme package that includes Content Ready pages, please note these have been hard coded.
Changes to this code should only be attempted if you have HTML experience.
4. Anywhere an icon is being used, you can change that icon by changing the icon code EG <i class="fa fa-icon"></i>
The list of all icons available through Font Awesome can be found here: http://fortawesome.github.io/Font-Awesome/icons/
5. We have added a pre-loader animation to the site. To change the image you need to replace the file ajax-loader.gif with another file of your choice. You can download replacement loader gif's from http://www.ajaxload.info/
6. Wherever you see a box like this one, it is an instruction and will only be visible in the weebly control panel.
To hide these helper boxes there are two lines of code you need to delete in the main-style.css file. Search (CTRL+F) for "hide-helper"
Now Delete the line above and below this code: #icontent .helper{display:none !important}
Thank you for purchasing a theme from WebfireThemes.com

Known Bugs and Issues

1. We have added a preloader onto the site. This displays while the page is loading so when the visitor is viewing your site the whole page loads before being visible. There is however a bug we have noticed and being worked on. This is that with the page loader enabled, the page doesn't load in preview mode when using the Css/HTML editor. You can temporarily disable the preloader, by entering this line of code into the bottom of the main-style.css file:
#preloader {display:none}
2. When adding the social icons via the drag and drop weebly element, they sometimes don't display correctly via the backend. They work fine on your published site.
We have integrated the Flex Slider with Weebly's Drag and Drop/Click to edit functionality. You shouldn't need to edit any code unless you want more than the default number of sldes (3)

Adding Captions to each slide
Each slide has a drag and drop content area in which captions can be added.
We have provided Three pre-styled captions that can be inserted using the Embed Custom code element within the weebly dashboard. The Code you need to insert for different caption types can be found below:
Caption Box (Light)
<div class="caption-box-content light">
<div class="inner-caption-box-category">
<h6>**Enter Title here**</h6>
</div>
<div class="inner-caption-box-title">
<h1>**Enter Subtitle here**</h1>
</div>
<div class="inner-caption-box-content">
<p>**Enter Text Here**</p>
<a class="wft-btn wft-btn-black" target="_blank" href="#">**Button Text Here**</a>
</div>
</div>

Caption Box (Dark)
<div class="caption-box-content dark">
<div class="inner-caption-box-category">
<h6>**Enter Title here**</h6>
</div>
<div class="inner-caption-box-title">
<h1>**Enter Subtitle here**</h1>
</div>
<div class="inner-caption-box-content">
<p>**Enter Text Here**</p>
<a class="wft-btn wft-btn-black" target="_blank" href="#">**Button Text Here**</a>
</div>
</div>

Caption Box (Color)
<div class="caption-box-content color">
<div class="inner-caption-box-category">
<h6>**Enter Title here**</h6>
</div>
<div class="inner-caption-box-title">
<h1>**Enter Subtitle here**</h1>
</div>
<div class="inner-caption-box-content">
<p>**Enter Text Here**</p>
<a class="wft-btn wft-btn-black" target="_blank" href="#">**Button Text Here**</a>
</div>
</div>



Adding Additionl Slides In
1. Open the ????? page layout: Design > Edit CSS/HTML > ?????.html
2. search for (CTRL + F) **ADDITIONAL SLIDES**
3. On the line below **ADDITIONAL SLIDES** for each additional slide you want to add, copy and paste this code in
NOTE: YOU WILL NEED TO REPLACE THE ? WITH THE NUMER SLIDE IT IS... EG (Frist Addition slide will be number 4, second 5 etc)
<li>
{flex-img?:image global="false"}
<div class="flex-caption">
<div class="helper"><h5>Enter Flex Slider Captions Here (Drag and Drop)</h5></div>
{flex-img?:content global="false"}
</div> </li>

AFFORDABLE HORSE CORRALS

Safe, Spacious & Easy to Assemble

By Default, this Content Ready page uses an image called "home-slider-parallax.jpg"
To use your own image for this Parallax section you must replace the image.
It is important that you name your own image with the same name as the default image (cr-home1-parallax.jpg)
Once you have your image, upload it to weebly by going to: "Design > edit CSS/HTML > add new files"
Upload your file and as long as it has exactly the same name as the defauly one it will automatically overwrite and the new image
will be displayed when you publish your site.
NOTE: To ensure the parallax image displays correctly on larger screens it is advisable you use a large image.
We suggest using an image around 2000x1000px