HTML Structure
Setting the Customizer panel.
Scripts and styles responsible for the output and settings of the panel:
root directory.../css/style.css
root directory.../js/customizer/_customizer.js
root directory.../js/customizer/_customizer.min.js
To turn the panel on you need to uncomment the following line in the file you want your customizer panel to appear:
<!--<script type="text/javascript" src="js/customizer/_customizer.min.js"></script>-->
IMPORTANT: Changes made via Customizer panel will be active until you refresh the page. To save the changes you'd need to edit the source files. Such "on-the-go" customization functionality was made for a demonstration purposes only.
Background and color
You can change the background by adding class into the tag <body>.
<body class="boxed bg_pattern_0">
<body class="boxed bg_pattern_1">
<body class="boxed bg_pattern_2">
...
To see the image in higher resolution right click on it and choose "Open image in new tab" option in the context menu.
To edit basic lawoffice color scheme you need to edit styles in the styles.css file and the rest of the .css related ones.
Image background
You can change the background by adding class into the tag <body>
<body class="bg_image_1">
<body class="bg_image_2">
<body class="bg_image_3">
<body class="bg_image_4">
<body class="bg_image_5">
<body class="bg_image_6">
Sidebar widget example
This is how the main sidebar looks like.
<div id="sidebar_main" class="widget_area sidebar_main sidebar">
<!-- Archive widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title">Archives</h3>
<ul>
<li><a href="#">September 2014</a> (16)</li>
<li><a href="#">August 2014</a> (29)</li>
<li><a href="#">July 2014</a> (14)</li>
<li><a href="#">June 2014</a> (35)</li>
<li><a href="#">May 2014</a> (3)</li>
<li><a href="#">April 2014</a> (2)</li>
<li><a href="#">January 2012</a> (5)</li>
</ul>
</aside>
<!-- /Archive widget -->
<!-- Calendar widget -->
<aside id="calendar-5" class="widgetWrap hrShadow widget widget_calendar">
<h3 class="title">Calendar</h3>
<div id="calendar_wrap">
<table class="wp-calendar">
<thead>
<tr>
<th class="prevMonth">
<div class="left roundButton">
<a href="#" title=""></a>
</div>
</th>
<th class="curMonth" colspan="5">
<a href="#" title="View posts for September 2015">September <span>2015</span></a>
</th>
<th class="nextMonth">
</th>
</tr>
<tr>
<th scope="col" title="Monday">M</th>
<th scope="col" title="Tuesday">T</th>
<th scope="col" title="Wednesday">W</th>
<th scope="col" title="Thursday">T</th>
<th scope="col" title="Friday">F</th>
<th scope="col" title="Saturday">S</th>
<th scope="col" title="Sunday">S</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="1" class="pad"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td class="today">11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>
</div>
</aside>
<!-- /Calendar widget -->
<!-- Categories widget -->
<aside class="widgetWrap hrShadow widget widget_categories">
<h3 class="title">Categories</h3>
<ul>
<li class="cat-item current-cat dropMenu"><a href="#">Post formats & All widgets</a> (12)
<ul class="children">
<li class="cat-item"><a href="#">Post formats fullwidth</a> (12)</li>
</ul>
</li>
<li class="cat-item"><a href="#">Posts slider</a> (5)</li>
<li class="cat-item"><a href="#">Skin Law Office</a> (15)</li>
<li class="cat-item"><a href="#">Timeline example</a> (16)</li>
<li class="cat-item"><a href="#">Uncategorized</a> (18)</li>
</ul>
</aside>
<!-- /Categories widget -->
<!-- Meta widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title">Meta</h3>
<ul>
<li><a href="#">Site Admin</a></li>
<li><a href="#">Log out</a></li>
<li><a href="#">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="#">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
<li><a href="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
</ul>
</aside>
<!-- /Meta widget -->
<!-- Pages widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title">Pages</h3>
<ul>
<li><a href="certificates-1-column.html">1 column</a></li>
<li><a href="certificates-2-columns.html">2 columns</a></li>
<li><a href="certificates-3-columns.html">3 columns</a></li>
<li><a href="certificates-4-columns.html">4 columns</a></li>
<li><a href="about-lawyer.html">About Lawyer</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="appointments.html">Appointments</a></li>
<li><a href="blog-streampage.html">Blog streampage</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="shop.html">Featured Products</a></li>
<li><a href="index.html">Homepage (Law Office)</a></li>
<li><a href="homepage2.html">Homepage (Law Office) 2</a></li>
<li><a href="homepage3.html">Homepage (Law Office) 3</a></li>
<li><a href="homepage-e-commerce.html">Homepage E-Commerce</a></li>
<li><a href="homepage-topic-news.html">Homepage Topic News</a></li>
<li><a href="homepage-with-portfolio.html">Homepage with Portfolio</a></li>
<li><a href="homepage-with-video-background.html">Homepage with Video Background</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="page-404.html">Page 404</a></li>
<li><a href="pricing-tables.html">Pricing Tables</a></li>
<li><a href="protected-page.html">Protected Page</a></li>
<li><a href="search-results.html">Search results</a></li>
<li><a href="service-department-page.html">Service / Department Page</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="under-construction.html">Under Construction</a></li>
</ul>
</aside>
<!-- /Pages widget -->
<!-- Recent comments widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title">Recent comments</h3>
<ul>
<li><span>admin</span> on <a href="#">Arbitration & Public International Law</a></li>
<li><span>admin</span> on <a href="#">Health and Economic Impacts of Car Accident Injuries</a></li>
<li><span>TRX_admin</span> on <a href="#">Consumer and the Law</a></li>
<li><span>TRX_admin</span> on <a href="#">Civil Advocacy Guide</a></li>
<li><span>TRX_admin</span> on <a href="#">Business Law. A Hands-On Approach</a></li>
</ul>
</aside>
<!-- /Recent comments widget -->
<!-- Recent posts widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title">Recent posts</h3>
<ul>
<li>
<a href="#">Health and Economic Impacts of Car Accident Injuries</a>
<span>September 15, 2014</span>
</li>
<li>
<a href="#">Sexual Assault on College Campuses. Laws & Compensations</a>
<span>September 14, 2014</span>
</li>
<li>
<a href="#">Permanent Impairment in Your Personal Injury Case</a>
<span>September 13, 2014</span>
</li>
<li>
<a href="#">Legal Services to Payment Service Providers in Europe</a>
<span>September 10, 2014</span>
</li>
<li>
<a href="#">Understanding Trademark Infringement</a>
<span>September 9, 2014</span>
</li>
</ul>
</aside>
<!-- /Recent posts widget -->
<!-- RSS widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title"><a class="rsswidget" href="#">
<img style="border:0" width="14" height="14" src="images/rss.png" alt="RSS"></a> <a class="rsswidget" href="#">RSS</a>
</h3>
<ul>
<li><a class="rsswidget" href="#">Former Dewey executives 'lied, schemed and defrauded,' jury told</a> <span class="rss-date">September 10, 2015</span>
<div class="rssSummary">(Reuters) - A Manhattan prosecutor on Thursday urged a jury to convict three former executives of Dewey & LeBoeuf for allegedly cooking their law firm's books to defraud lenders and investors,...</div>
</li>
<li><a class="rsswidget" href="#">John Paulson's fund losses in August dent strong start to year</a> <span class="rss-date">September 10, 2015</span>
<div class="rssSummary">BOSTON (Reuters) - Billionaire investor John Paulson, whose bets have long been closely followed on Wall Street, told investors on Thursday that the value of his biggest hedge fund portfolios fell...</div>
</li>
</ul>
</aside>
<!-- /RSS widget -->
<!-- Search widget -->
<aside class="widgetWrap hrShadow widget">
<h3 class="title">Search</h3>
<form method="get" class="search-form" action="#">
<input type="text" class="search-field" placeholder="Search %u2026" value="" name="s" title="Search for:"><span class="search-button squareButton light ico"><a class="search-field icon-search" href="#"></a></span>
</form>
</aside>
<!-- /Search widget -->
<!-- Tag cloud widget -->
<aside id="tag_cloud-3" class="widgetWrap hrShadow widget widget_tag_cloud">
<h3 class="title">Tags</h3>
<div class="tagcloud"><a href="#" title="1 topic">aside post</a>
<a href="#" title="1 topic">audio post</a>
<a href="#" title="3 topics">business</a>
<a href="#" title="1 topic">chat post</a>
<a href="#" title="1 topic">clear</a>
<a href="#" title="4 topics">creative</a>
<a href="#" title="2 topics">criminal</a>
<a href="#" title="4 topics">design</a>
<a href="#" title="1 topic">events</a>
<a href="#" title="3 topics">family</a>
<a href="#" title="2 topics">health</a>
<a href="#" title="4 topics">holidays</a>
<a href="#" title="15 topics">law</a>
<a href="#" title="1 topic">link post</a>
<a href="#" title="1 topic">music</a>
<a href="#" title="6 topics">nature</a>
<a href="#" title="15 topics">office</a>
<a href="#" title="12 topics">post formats</a>
<a href="#" title="5 topics">posts slider</a>
<a href="#" title="1 topic">print</a>
<a href="#" title="1 topic">quote post</a>
<a href="#" title="31 topics">shortcodes</a>
<a href="#" title="2 topics">social</a>
<a href="#" title="1 topic">status post</a>
<a href="#" title="2 topics">toys</a>
<a href="#" title="3 topics">Trial</a>
<a href="#" title="2 topics">typography</a>
<a href="#" title="1 topic">video post</a>
<a href="#" title="3 topics">wp gallery</a></div>
</aside>
<!-- /Tag cloud widget -->
<!-- Text widget -->
<aside class="widgetWrap widget">
<h3 class="title">Custom text</h3>
<div class="textwidget">
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
</div>
</aside>
<!-- /Text widget -->
</div>
Single post example
<article class="post_content">
<div class="post_info infoPost">
Posted <a href="#">July 21, 2014</a>
<span class="separator">|</span> by <span><a href="#">John Doe</a></span>
<span class="separator">|</span>
<span class="post_cats">in <a href="#">Post formats fullwidth</a> </span>
</div>
<div class="sc_section columns1_2 post_thumb thumb">
<img alt="Arbitration & Public International Law" src="images/604410_original_R_by_Andrea-Damm_pixelio.de_-1150x761.jpg"> </div>
<h1>Arbitration & Public International Law</h1>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Sed et mattis tortor. Ut pretium lectus ac nibh accumsan, et mollis enim porttitor. Morbi venenatis purus nulla, a venenatis dui suscipit a. Duis tristique est congue viverra convallis. Sed nisi enim, ultricies non ultricies at, molestie mollis ante. Vestibulum volutpat nisl in gravida aliquet. Integer vehicula risus ac luctus aliquam.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero, nesciunt, qui, enim blanditiis vel dolorem accusantium autem quos sint temporibus tenetur ipsa necessitatibus ab fugiat molestiae iure at inventore assumenda repellendus quisquam! Fuga, consequuntur temporibus necessitatibus vero dolor veniam aperiam iusto voluptatum labore rerum sed dolores iure ducimus quo eos sequi itaque cupiditate quam adipisci architecto illo perferendis eaque quas veritatis optio. Iure, eum voluptas eligendi possimus sunt dignissimos tempore nemo pariatur consequatur eveniet. Debitis, sunt, blanditiis, ab deleniti officiis voluptatibus deserunt recusandae ipsam consequatur doloremque quisquam quibusdam quia nemo aperiam dolores expedita voluptas magnam. Perspiciatis, aperiam, sapiente dolorem assumenda velit necessitatibus consequatur repellendus accusantium quod architecto laudantium veniam odio nemo suscipit et enim esse pariatur laboriosam porro omnis? Magnam, est, amet provident voluptate consectetur porro ut cupiditate voluptatem vel architecto autem eius maxime dolorem eveniet beatae quia atque harum nisi debitis reiciendis rerum nulla unde ipsum dicta ipsam dolor voluptates. Animi, nihil sed maiores obcaecati assumenda numquam nostrum quibusdam nam!</p>
<div class="tagsWrap">
<div class="postSharing inited">
<ul>
<li class="squareButton light ico share"><a class="icon-share shareDrop" title="Share" href="#">Share</a>
<ul class="share-social shareDrop inited" style="">
<li><a href="#" class="share-item social_icons icon-facebook">facebook</a></li>
<li><a href="#" class="share-item social_icons icon-tumblr">tumblr</a></li>
<li><a href="#" class="share-item social_icons icon-behance">behance</a></li>
</ul>
</li>
<li class="squareButton light ico"><a class="icon-eye" title="Views - 303" href="#">303</a></li>
<li class="squareButton light ico"><a class="icon-comment-3" title="Comments - 2" href="#">2</a></li>
<li class="squareButton light ico likeButton like"><a class="icon-heart-1" title="Like - 3" href="#"><span class="likePost">3</span></a></li>
</ul>
</div>
<div class="infoPost">
Tags: <a class="tag_link" href="#">post formats</a></div>
</div>
</div>
</article>
Typography
Image size can be changed by adding one of the classes "thumbnail", "medium", "large"; for alignment (positioning) it would be "alignleft", "alignright", "aligncenter", "alignnone".
<div class="sc_section sc_alignright columns1_2 marginbottom30">
<figure class="sc_image sc_image_shape_square">
<img src="images/bigstock-Mature-Business-Man-At-A-Semin-4919558.jpg" alt="">
<figcaption>
<span>This image aligned right</span>
</figcaption>
</figure>
</div>
Highlight
For light effect we should use classes "sc_highlight_style_1", "sc_highlight_style_2", "sc_highlight_style_3".
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, delectus, ullam sit explicabo vero temporibus veniam porro repellendus quidem aliquid ipsa illum eligendi esse dolor quasi perferendis veritatis rerum nihil ipsam accusantium. Quo, voluptatum, vitae quam repellendus tempore enim ab molestias reprehenderit id recusandae sapiente nemo corporis odio. Maiores, eaque, repellendus assumenda omnis sapiente deserunt illum harum fugit suscipit quod corporis corrupti! Natus laudantium consequatur dolores laboriosam error mollitia ducimus esse iste quam laborum? Beatae, labore suscipit omnis. Eum, explicabo sapiente debitis consequuntur veniam dolorem fuga ipsa corrupti quod adipisci voluptatum aliquid <span class="sc_highlight sc_highlight_style_1">dolores voluptatibus id magni impedit quis et</span> odit provident molestiae deleniti nisi repellat pariatur tenetur ad. Quaerat, animi, officia tenetur tempore accusantium architecto at voluptatibus repudiandae iusto rem possimus doloremque officiis quos eum inventore odio velit? Dolor, sequi, cumque, eum, dolorum fugiat minima ex consequuntur <span class="sc_highlight sc_highlight_style_2">dolore molestiae voluptatum</span> aperiam id vel qui a omnis debitis dolorem corporis? Repellendus, nisi, vitae aliquid debitis veritatis ad nesciunt doloribus illo natus suscipit sunt fugit temporibus eligendi dolorem hic laboriosam autem consectetur libero blanditiis rerum nihil voluptate nemo! Voluptatibus, dignissimos, officia officiis corrupti animi beatae natus maiores accusantium quam itaque culpa fugiat velit hic assumenda voluptates temporibus reprehenderit aut a possimus tenetur!
</p>
Portfolio example
Here's how Portfolio looks like. Please note that animation effects are made with Isotope script. See the screenshots below for more information.
<div id="sc_blogger_783766799" class="sc_blogger sc_blogger_horizontal style_portfolio3 portfolioWrap">
<div class="isotopeFiltr"><ul><li class="squareButton active"><a href="#" data-filter="*">All</a></li><li class="squareButton"><a href="#" data-filter=".flt_189">family</a></li><li class="squareButton"><a href="#" data-filter=".flt_190">social</a></li><li class="squareButton"><a href="#" data-filter=".flt_187">Trial</a></li><li class="squareButton"><a href="#" data-filter=".flt_188">criminal</a></li></ul></div>
<section class="portfolio isotope folio3col inited" data-columns="3" style="position: relative; height: 490px;">
<article class="isotopeElement hover_Dir odd flt_189 flt_190 inited isotopeElementShow" style="opacity: 1; width: 383px; height: 245px; position: absolute; left: 0px; top: 0px;">
<div class="hover hoverDirShow">
<div class="thumb">
<img alt="Day%u2019s Certificate" src="images/Certificate-Set-383x245.jpg"></div>
<div class="folioShowBlock" style="left: 0px; top: 100%; display: block;">
<div class="folioContentAfter">
<h4><a href="does-certificate.html">Day%u2019s Certificate</a></h4>
<p>Curabitur suscipit est ut orci fringilla condimentum. Praesent id pretium velit. Nunc... </p>
<div class="masonryInfo">
Posted <a href="does-certificate.html">January 19, 2012</a>
</div>
</div>
</div>
</div>
</article>
<article class="isotopeElement hover_Dir even flt_190 flt_187 inited isotopeElementShow" style="opacity: 1; width: 383px; height: 245px; position: absolute; left: 383px; top: 0px;">
<div class="hover hoverDirShow">
<div class="thumb">
<img alt="Doe%u2019s Certificate" src="images/certificate-2-383x245.jpg"></div>
<div class="folioShowBlock" style="left: -100%; top: 0px; display: block;">
<div class="folioContentAfter">
<h4><a href="does-certificate.html">Doe%u2019s Certificate</a></h4>
<p>Curabitur suscipit est ut orci fringilla condimentum. Praesent id pretium velit. Nunc... </p>
<div class="masonryInfo">
Posted <a href="does-certificate.html">January 19, 2012</a>
</div>
</div>
</div>
</div>
</article>
<article class="isotopeElement Dir odd flt_189 flt_187 inited isotopeElementShow" style="opacity: 1; width: 383px; height: 245px; position: absolute; left: 766px; top: 0px;">
<div class="hover hoverDirShow">
<div class="thumb">
<img alt="Stone%u2019s Certificate" src="images/Certificate-Guilloche-security-horizontal-383x245.jpg"></div>
<div class="folioShowBlock">
<div class="folioContentAfter">
<h4><a href="does-certificate.html">Stone%u2019s Certificate</a></h4>
<p>Curabitur suscipit est ut orci fringilla condimentum. Praesent id pretium velit. Nunc... </p>
<div class="masonryInfo">
Posted <a href="does-certificate.html">January 19, 2012</a>
</div>
</div>
</div>
</div>
</article>
<article class="isotopeElement hover_Dir even flt_188 flt_187 inited isotopeElementShow" style="opacity: 1; width: 383px; height: 245px; position: absolute; left: 0px; top: 245px;">
<div class="hover hoverDirShow">
<div class="thumb">
<img alt="Reed%u2019s Certificate" src="images/certificates-383x245.jpg"></div>
<div class="folioShowBlock" style="left: 0px; top: 100%; display: block;">
<div class="folioContentAfter">
<h4><a href="does-certificate.html">Reed%u2019s Certificate</a></h4>
<p>Curabitur suscipit est ut orci fringilla condimentum. Praesent id pretium velit. Nunc... </p>
<div class="masonryInfo">
Posted <a href="does-certificate.html">January 19, 2012</a>
</div>
</div>
</div>
</div>
</article>
<article class="isotopeElement hover_Dir odd flt_188 flt_189 inited isotopeElementShow" style="opacity: 1; width: 383px; height: 245px; position: absolute; left: 383px; top: 245px;">
<div class="hover hoverDirShow">
<div class="thumb">
<img alt="Smith%u2019s Certificate" src="images/certificate-383x245.jpg"></div>
<div class="folioShowBlock" style="left: -100%; top: 0px; display: block;">
<div class="folioContentAfter">
<h4><a href="does-certificate.html">Smith%u2019s Certificate</a></h4>
<p>Curabitur suscipit est ut orci fringilla condimentum. Praesent id pretium velit. Nunc... </p>
<div class="masonryInfo">
Posted <a href="does-certificate.html">January 19, 2012</a>
</div>
</div>
</div>
</div>
</article>
</section>
</div>
Please also note that filtration in portfolio block works only if an element contains filtering class. For example "flt_190".
Skills
You can customize the skills bar by changing width and data-ed values as well as their styles. Check below screenshot.
<div class="sc_skills_count sc_skills_count_bg" style="width: 42%;">
<div class="sc_skills_total" data-start="0" data-stop="98" data-step="1" data-max="100" data-speed="38" data-duration="3724" data-ed="%">42%</div>
</div>
Contact form
There are several files responsible for both (the one on the slider and the other one on the Contact Us page) contact forms functionality:
root directory...include/sendmail.php
root directory...js/_form_contact.js
Your email address should be specified in the sendmail.php file. See the code below.
$contact_email = 'your_mail@mail.com';
Google map
Files responsible for Google map functionality:
root directory...index.html
root directory...js/_googlemap_init.js
Address/coordinates (to show on map) should be specified in each particular .html file in the maps' attributes.
<div id="sc_googlemap_2010320463" class="sc_googlemap width100per height400" data-address="San Francisco, CA 94102, US" data-latlng="" data-zoom="13" data-style="lawoffice" data-point=""></div>
PSD Files
All the related .PSD files can be found in the theme's archive. Otherwise you can always request them by contacting our support team.
Sources and Credits
This section discloses sources of various files used in the theme and describes their functionality.
-
Fonts:
- Open Sans (non standard)
- Fontello (non standard, icons set)
The images (clipart) were taken from here.
Please note that all the images are copyrighted to their respective owners and are not available for download with this theme.
Support
We are happy that you are one of our customers and we assure you won't be disappointed. If you have any questions that are beyond the scope of this help file, please feel free to post them on our support forum at https://themerex.ticksy.com/.
We are open from 10am to 7pm (CET), from Monday till Friday.
PLEASE NOTE!
Our support policy covers getting setup, trouble using any features, and any bug fixes that may arise.
Unfortunately, we cannot provide support for installation, any customizations or 3rd party plugins. You also need to have a valid purchase code to request an assistance from our support team.
If you need help with customization of your theme, then you should ask for help from an independent developer (freelancer).
How to find a purchase key (check the screenshot):
- Log in to your themeForest account.
- Click on the "Downloads" tab.
- Find our theme in the products list.
- Click the "Download" button and select "License certificate & purchase code" in the drop down menu.
Side Notice
IMPORTANT!Please be aware that we do not guarantee a proper functioning of video background (homepage-with-video-background.html) on all mobile devices. It also might not work on Apple mobile devices due to specific iOS security settings.
If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form from our Profile Page on ThemeForest. Thank you so much!
Social icons
To add a link to your social network you need to edit the below code:
href="#" - a link to your social page <a href="http://facebook.com/">
<div class="copy_socials socPage"> <ul> <li> <a class="social_icons icon-facebook" target="_blank" href="http://facebook.com"></a> </li> <li> <a class="social_icons icon-tumblr" target="_blank" href="http://twitter.com"></a> </li> <li> <a class="social_icons icon-pinterest" target="_blank" href="http://pinterest.com"></a> </li> <li> <a class="social_icons icon-dribbble" target="_blank" href="http://dribbble.com"></a> </li> <li> <a class="social_icons icon-rss" target="_blank" href="#"></a> </li> <li> <a class="social_icons icon-gplus" target="_blank" href="http://gplus.com"></a> </li> </ul> </div>Social Share icons
To link up your sharing social buttons, you need to replace the hash tag (#) with a link inside the a href tag.
<div class="postSharing inited"> <ul> <li class="squareButton light ico share"><a class="icon-share shareDrop selected" href="#">Share</a> <ul class="share-social shareDrop inited" style="display: block;"> <li><a href="#" class="share-item social_icons icon-facebook">facebook</a></li> <li><a href="#" class="share-item social_icons icon-tumblr">tumblr</a></li> <li><a href="#" class="share-item social_icons icon-behance">behance</a></li> </ul> </li> <li class="squareButton light ico"><a class="icon-eye" title="Views - 399" href="post-single-with-sidebar.html">399</a></li> <li class="squareButton light ico"><a class="icon-comment-3" title="Comments - 1" href="post-single-with-sidebar.html">1</a></li> <li class="squareButton light ico likeButton like"><a class="icon-heart-1" title="Like - 3" href="#"><span class="likePost">3</span></a></li> </ul> </div>