### “iPress” Documentation by “T20”

# “iPress HTML5 Template”

### 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 }