Thank you for purchasing 'Our Degital product' If you have any questions that are beyond the scope of this help file, please feel free to submit a ticket at our Support Forum. Thanks so much!
This template is a full functional HTML Template designed & developed for Social media websites. It is fully responsive template based on Twitter Bootstrap updated framework that makes it available for all screen sizes from the bigger ones to smartphones. Its not only responsive whereas it is retina ready also, now no blurry images on your HiDPI and retina devices.
This template is very easy to update and modify, it will adapt your website and brand in no time. Steps for modification and updating are described step by step in this exclusive documentation.
Whole template is divided in to several folders and their content defines by the folder names easily. all the css files in the css folder, and all the js files in the js folder. but here some basics essential files are mention. other all is for plugins, you can fine in the css & js folder.
This template is based upon Twitter Bootstrap css framework that is very easy to use and adapt. It follows the mobile first approach to make the website readily available for all devices and screen sizes. Bootstrap grid is based upon 12 columns that are well defined in the bootstrap.css file inside the css folder. You can get to know about the grid system in detail from this url http://getbootstrap.com/css/#grid
In this template we used ionicons, for its icons requirement and no images has been used for any icon. A complete list of icons along with the class names can be found here: http://fontawesome.com/
To use an icon on any page of this template use the below code:
All icons class name will always start with the ion -ion . There are several sizes for icons are predefined in the ionicons.min.css inside css folder.
All pre-made color's file can be found inside css/colors folder of the template directory. there is already 9 beautiful colors file but if you want to change a new color scheme can be defined very easily just copy any of the pre-made color css file and keep it inside colors folder and name it as you like then just replace the color hex code in the file to your liking. Afterwards you will have to replace the name of the css in the head of each page like below:s
<link rel= "stylesheet" href=" color.css "/>
Default color is light, if you want to use dark skin color for below mention code is the sample for change the theme color setting in dark
<link rel= "stylesheet" href= "dark-theme.css" >just include the "dark-theme.css" file after the style.css and color.css
Just include the file in css folder and add link in the html before closing head tag. keep file link in the last of all css files. like after style.css, after color.css.
<link rel= "stylesheet" href= "RTL.css" >just include the "dark-theme.css" file after the style.css and color.css
the below mention code is the sample for change the setting for header sticky or non sticky
<header class= "fixed" > <⁄header>
the below mention code is the sample for change the setting for header styles, like dark, light, transparent etc.
<header class="" > </header>
<header class="style2" > </header>
<header class="style3" > </header>
<header class="style4" > </header>
<header class="style5" > </header>
<header class="style6" > </header>
<header class="transparent" > </header>
<header class="transparent black" > </header>
<header class="full-transparent" > </header>
the below mention code is the sample for change the setting for header sticky or non sticky
<footer class="strip" > </footer>
<footer class="strip light " > </footer>
<div class= "parallax " data-velocity="0.6"> <⁄div>
the above code is the sample for changing the required color, size and click effect.
the below mention code is the sample for changing the style of accordions.
<div class= "ziehharmonika "> <⁄div>
<div class= "ziehharmonika style2 "> <⁄div>
<div class= "ziehharmonika style3 "> <⁄div>
<div class= "ziehharmonika style4 "> <⁄div>
<div class= "ziehharmonika style5 "> <⁄div>
the below mention code is the sample for changing the required color, size and click effect.
<a class= "button small-btn pink " data-ripple="" > <⁄a>
pink{background:#f06292; }
purple{background:#ab47bc ;}
red{background:#f44336;}
red-dark{background:#b71c1c;}
blue{background:#2196f3;}
green{background:#43a047;}
lime{background:#cddc39;}
dark{background:#333;}
lime-dark{background:#827717;}
yellow{background:#ffb300;}
orange{background:#ff9100;}
deep-orange{background:#ff8a65;}
gray{background:#9e9e9e;}
blue-grey{background:#b0bec5;}
brown{background:#5d4037;}
the below mention code is the sample for changing the required style
<div class= "contact-form black "> <⁄ div>
<button class= "right" type= "submit "> <⁄button>
the below mention code is the sample for changing the required style
<div class= "gap blackish medium-opacity paralex-style "> <⁄div>
<div class= "gap gray-bg "> <⁄div>
<div class= "services box-style "> <⁄div>
the below mention code is the sample for changing the required style
<div class= "big-heading "> <⁄div>
the "widget" is the default class. you can just pick the complete widget div with content and past in the footer tag & for sidebar paste the widget in aside tag. the style will b apply automatically.
this template doesn't come with images that you see in demo and in the downloaded files all images except the logo and some other graphics all images are replace with custom size place holders available from http://placehold.it/
You can easily repace these holders with your real images by just putting the same size image that you find in the live demo of the placeholder or replace the image in the folder "images/resources/imagename.jpg" in the HTML.
mean just replace the image in the image folder with the current name and size.
If there is anything we can help you with, please let us know. Whether you have discovered a problem or need help customizing our product to fit your needs, we are always happy to help out and point you into the right direction. Simply send an email to wpkixx@gmail.com.
In order to be able to provide you with the best possible service, we do not offer customer support through the comments section on themeforest and we will direct you to contact wpkixx@gmail.com . should you seek assistance there. This ensures that no support tickets are forgotten and that all members of the support staff are aware of your issue, resulting in the fastest and best possible service.
We may occasionally ask you to provide your license certificate on themeforest to verify your purchase.
If necessary to help you solve a problem we may request that you email us your login details and/or provide us with your hosting account details as well in order to identify problems that are related to your web server environment. Please accept that without those details, we may not be able to help you in some cases.
We generally only provide support for our own product. While we will usually make attempts to assist you with other issues as well, we will likely have to decline support if the issue exceeds the scope of our knowledge and experience.
Please accept that we generally do not provide support for other third party products except in cases where addressing an issue takes only little time. We recommend that you contact support and ask if you are unsure whether a particular case is covered by our support policy.
Most customization requests we receive do not require much time, and we are happy to assist whenever that is the case. If, however, your request would result in more work, we will have to restrict our support to giving you basic guidance, or offer you our paid customizations services.
Our life is made much easier we have special thanks to the following
Please be aware the we do not provide customer support through the comments section on themeforest and will redirect all questions to our support team. This is to ensure a consistent customer service experience as only through our helpdesk we can track your request and make sure that it is dealt with in a timely manner.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Dewwater