Fotonia Documentation

Thank you for purchasing our template. If you don't find the answers for your questions in this help file, please feel free to email via our user page contact form (this is the only way we can verify legitimate customers) . Thanks so much!

Setup Pages

Homepage

In the fotonia-html folder you have 8 homepage variations( index.html, home-2.html, home-3.html etc. ). To change the main homepage, just rename home-2.html or the other homepages to index.html.

Homepage Slider

To add your own images to the home slider, edit index.html file line 225. Edit the slider-img div class and add the link to your own image.

<div class="slider-img">
	<a href="gallery-masonry.html">
	<img class="img-fluid" src="images/portfolio/featured-images/gal-1-450x600.jpg" alt=""/>
	</a>		
</div>

To change the image slider text, edit slider-caption container:

<div class="slider-caption">
<h2><a href="gallery-masonry.html">Sara &amp; John</a></h2>
<ul class="portfolio-categ">
<li>Weddings</li>
</ul>
</div>

The homepage is formed by different sections. When you edit the index.html locate a section that is between the following comments:

<!-- SECTION 1 -->

Section code goes here  
	
<!-- /SECTION 1 -->

You can choose from 7 different gallery page templates: gallery-masonry, gallery-1-2-cols, gallery-3-cols, gallery-4-cols with their full width versions.

For example if you want to add a new image for the gallery-masonry page, add the following code after line 241.

<div class="col-sm-6 col-lg-3 blog-item-masonry gallery-post">
<a href="images/portfolio/gal-1/gal-1-08.jpg" class="lightbox" title="">
<img class="img-fluid" src="images/portfolio/gal-1/gal-1-08.jpg" alt="">
</a>
</div>

Contact Page

In order to receive emails via the contact page, you'll have to edit the include/contact-process.php file and change the $recipient variable value with your own email address.

FAQ Page

To create more faq items, duplicate the li tag and make sure the a href and div id are the same and unique.

 
<ul class="faq-list">
<li>
<h5 class="faq-title"><a href="#faq1">
1. Itaque earum rerum hic tenetur</a>
</h5>
<div id="faq1" class="faq-section">
<p>At vero eos et accusamus. Totam rem aperiam. Corrupti quos dolores et quas molestias excepturi sint occaecati. Laboris nisi ut aliquip ex ea commodo consequat. Laboris nisi ut aliquip ex ea commodo consequat. Corrupti quos dolores et quas molestias excepturi sint occaecati.</p>
</div>
</li>