How to change template colors? - top
1) Open style.css in Notepade
2) From Menu Edit > Replace...
3) In first input paste this color (#E84A4A) , then in second input paste your color code like (#67FD9D), Now click on the button Replace All
5) Then save and close
How To add Row and Column ? - top
1) for add row see below code:
<div class="row clearfix">
Your Content
</div>
2) for add row+column see below code:
<div class="row clearfix">
<div class="grid_6">
Your Content 1/2
</div>
</div>
<div class="row clearfix">
<div class="grid_6">
Your Content 1/2
</div>
</div>
3) More Columns Sizes
.grid_12 - 1/1
.grid_10 - 5/6
.grid_9 - 3/4
.grid_8 - 2/3
.grid_6 - 1/2
.grid_4 - 1/3
.grid_3 - 1/4
.grid_2 - 1/6
Sticky Header ON/OFF - top
1) open HTML file in notepad.
2) find "sticky_true"
3) change it to "sticky_false"
How to change google webfont ? - top
1) go to this site and chose your font: http://www.google.com/fonts/
2) go to html file find font url's and then change it with your font name.
Example: <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans'>
3) go to style.css then find font-family names and then change them with your font name.
How To change background image and Version to Dark? - top
1) for change background add this code to body: style="background-image: url(images/backgrounds/1.jpg);"
2) for change version to the dark, add dark style before close /head. dark style url is: styles/dark.css
How To use 360 retina Icon ? - top
go to this url:
http://fortawesome.github.io/Font-Awesome/cheatsheet/
example icon = <i class="fa-user"></i>
How To change disqus_shortname ? - top
in HTML template, find "officialtemplate" then change it to your shortname (please find it twice)
if you havn't shortname please visit www.disqus.com and create one (Account) shortname
How To change Layouts to Boxed, Fullwide and boxed-margin? - top
1) open HTML file in Notepade
2) find below code and change it like example's :
<div id="layout" class="full">
-) Example's
<div id="layout" class="boxed-margin">
<div id="layout" class="boxed">
How To change Contact Form Email ? - top
1) Open processForm.php in Notepade
2) find "your name" and "your_mail@gmail.com"
3) now replace your name and email then save it and close
Explanation about more classes - top
mt is margin-top: 20px
mtt is margin-top: 30px
mtf is margin-top: 40px
mts is margin-top: 70px
mb is margin-bottom: 20px
mbt is margin-bottom: 30px
mbf is margin-bottom: 40px
mbs is margin-bottom: 70px
fll is float: left with margin
flr is float: right with margin
righter is float: right
lefter is float: left
tac is text-align: center
tal is text-align: left
tar is text-align: right
two-radius is border-radius: 2px
three-radius is border-radius: 3px
four-radius isborder-radius: 4px
five-radius is border-radius: 5px
six-radius is border-radius: 6px
ten-radius is border-radius: 10px
circle-radius is border-radius: 50%
.mi { margin-right: 4px }
.mid { margin-right: 8px }
.mii { margin-left: 4px }
.miid { margin-left: 8px }
.tacIMG, .tacIMG img { margin: 0 auto !important; text-align: center }