Tilia 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!

In the tilia-html folder you have 11 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.

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

<div class="swiper-slide slider-img" style="background-image: url('images/home/slider-1.jpg');">

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

<div class="container slider-caption">
<div class="slider-text">
<h1 class="display-2">Wedding Photography</h1>
<span class="post-subtitle"> Ancillae torquatos in nec, impetus nostrum ea eos.</span> <a href="#" class="read-more white-btn">Find More</a>
</div>
</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 15+ different portfolio page templates: portfolio-masonry, portfolio-grid-v1, portfolio-grid-v2 ( with 2, 3, 4 or 5 cols variation ) and with their full screen versions.

For example if you want to add a new featured image for a portfolio item, in the portfolio-masonry-v1-4-cols page, add the following code after line 505.

<div class="item-portfolio item-4cols wedding">
<div class="post-image item-grid-image">
<img loading="lazy" src="images/portfolio/featured-images/gal-3-masonry.jpg" class="img-fluid" alt=" "  width="750" height="500">
<a class="cursor-eye" href="gallery-grid-4-cols.html">
</a>
</div>
<div class="item-text-holder">
<h2 class="article-title display-6"><a href="gallery-grid-4-cols.html">Angela &amp; Zach</a></h2>
<ul class="portfolio-categ">
<li><a href="#">Wedding</a></li>
</ul>
</div>
</div>

You can choose from 12 different gallery page templates: gallery-masonry, gallery-grid 2, 3, 4 and 5 cols versions, gallery-slider, gallery-justified and with their full screen versions.

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

<div class="item-portfolio item-4cols gallery-post">
<a href="images/portfolio/gal-masonry/gal-masonry-09.jpg" class="lightbox" title="">
<img class="img-fluid" loading="lazy" src="images/portfolio/gal-masonry/gal-masonry-09.jpg" alt="" title="" width="750" height="500">
</a>
</div>

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.

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

<li>
<div class="faq-title"><a href="#faq1">
1. Itaque earum rerum hic tenetur?</a>
</div>
<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>