Getting started

General Information

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you won't be disappointed. We do our best to produce top notch themes with great functionality, premium designs and human readable code. Before you get started we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.

If you have any questions that are beyond the scope of this help file, feel free to post them on our support forum at https://ancorathemes.ticksy.com/.

PLEASE NOTE! Our support covers getting setup, trouble using any features, and any bug fixes that may arise. Unfortunately, we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of your theme, then you should ask for help from a developer.

HTML Structure

Page Structure

On the screenshot above you can see the basic page structure. Feel free to edit any of the page by opening its corresponding .html file with a code editor.

Social icons

To add a link to your social icon paste the necessary URL into the <a href=> tag. See the example below:

<a href="#" target="_blank" class="social_icons social_facebook-circled" title=""> <span class="icon-facebook-circled up"></span> <span class="icon-facebook-circled"></span> </a>

Widgets sidebar

This is how the standard widgets sidebar looks like.



<div class="sidebar widget_area bg_tint_light sidebar_style_white" role="complementary">
...
</div>

Single post

Typography

Image alignment can be changed by adding one of the values (alignright/alignleft) into the <figure class=> tag:

<figure class="sc_image alignright sc_image_shape_square typ_img" style="width:360px;"> <img src="images/Depositphotos_9468140_original.jpg" alt=""> </figure>

Highlight



To highlight an element add one of the style values below into the <span class=> tag:

<span class="sc_highlight sc_highlight_style_1">eu fugiat nulla pariatur.</span>

Skills

You can customize the skills bar by changing width, data-stop and data-ed values as well as their styles. Check below screenshot.

<div class="sc_skills_item sc_skills_style_1 odd first inited"> <div class="sc_skills_total" data-start="0" data-stop="85" data-step="1" data-max="100" data-speed="23" data-duration="1955" data-ed="%">85%</div> <div class="sc_skills_count" style="width: 85%;"></div> </div>

Contact form



There are several files responsible for contact form functionality:

root directory.../contact.html
root directory.../contact-form.php

Your email address should be specified in the contact-form.php file. See the code below.

$contact_email = [email protected]';

Google map



File responsible for Google map functionality:

root directory.../js/custom/shortcodes.js

root directory.../contact.html

Address/coordinates should be specified in the contact.html file in the maps' attributes .

<div id="sc_googlemap_89874312" class="sc_googlemap" style="width:100%;height:400px;" data-address="San Francisco, CA 94102, US" data-description="San Francisco, CA 94102, US" data-latlng="" data-zoom="16" data-style="style1" data-point="images/logo_gmaps.png"></div>

Swiper Slider



Files responsible for the Swiper Slider functionality:

root directory.../js/vendor/idangerous.swiper-2.7.js
root directory.../js/vendor/idangerous.swiper.scrollbar-2.4.js
root directory.../js/vendor/swiper.jquery.js
root directory.../js/vendor/swiper.jquery.min.js
root directory.../js/vendor/swiper.min.js
root directory.../js/vendor/swiper.js
root directory.../js/custom/shortcodes.js

root directory.../css/idangerous.swiper.css
root directory...shortcodes.html



Flex Slider



Files responsible for the Flex Slider functionality:

root directory.../js/vendor/jquery.flexslider-min.js
root directory.../css/flexslider.css
root directory.../js/custom/shortcodes.js



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

In this section you can find an additional information regarding fonts and clipart used in this theme.

  • Fonts:
    • Googlefonts: PTSerif.
    • Fontello (non standard, icons set). Check this root directory.../fonts/fontello/css/fontello.css file.
  • Clipart:
    • Images were taken from here.

PLEASE NOTE! All the images used in this theme are the property of their respective owners and should be purchased separately.

Support

We are happy that you are one of our customers and we assure you won't be disappointed. If you come up with any questions that are beyond the scope of this help file, feel free to post them on our support forum at https://ancorathemes.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.
Once again, thank you so much for purchasing our theme.

Ancorathemes