Gleam 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 gleam-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 238. Edit the slider-img div class and add the link to your own image.
<div class="slider-img" style="background-image:url('images/home/slider-1.jpg');"></div>
To change the image slider text, edit slider-caption container:
<div class="container slider-caption"> <div class="slider-text"> <h1>Creative Photography Studio</h1> <p>Cum et labore appareat, te est nostrum eligendi adipisci. Tota quas habeo eu vel. Vel autem apeirian primis.</p> <a href="about-us.html" class="view-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 -->
Albums Page
You can choose from 8 different album page templates: albums-masonry, albums-grid ( with 2, 3 or 4 cols variation ) and with their full screen versions.
For example if you want to add a new featured image for a gallery, in the albums-masonry-4cols page, add the following code after line 364.
<div class="col-sm-6 col-lg-3 blog-item-masonry port-item-masonry people"> <div class="port-item-htext"> <a href="portfolio-grid-3cols.html"> <div class="port-img"><img src="images/albums/featured-images/gal-1-masonry.jpg" class="img-fluid wp-post-image" alt="Crazy Mood"></div> <div class="album-arrow"></div> </a> </div> <div class="port-caption-masonry"> <h3><a href="portfolio-grid-3cols.html">Crazy Mood</a></h3> <ul class="port-categ-masonry"> <li><a href="#">People</a></li> </ul> </div> </div>
Gallery Page
You can choose from 8 different gallery page templates: portfolio-masonry, portfolio-grid 2, 3 and 4 cols version and with their full screen versions.
For example if you want to add a new image for the portfolio-masonry-4cols page, add the following code after line 279.
<div class="col-sm-6 col-lg-3 blog-item-masonry gallery-post"> <a href="images/albums/gal-2/gal-2-08.jpg" class="lightbox" title=""> <img class="img-fluid" src="images/albums/gal-2/gal-2-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.
<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>