Theme20 Help File

- How To Change Theme Color's ?

  #### The first way

  1) Open style.css in Notepade
  2) From Menu Edit > Replace...
  3) In first input paste this color (#1ABC9C) , then in second input paste your color code like (#67FD9D), Now click on the button Replace All
  4) Again for 2th color: from edit > Replace... In first input paste this color (#2C3E50) , then in second input paste your color code like (#67FD9D)
  5) Now click on the button Replace All then save and close

  #### The second way

  1) before close </head> add below code: <link rel="stylesheet" type="text/css" href="color/dark.css" media="screen">
  other color styles:

      								color/light-sun.css

      								color/light-alizarin.css

      								color/light-brown.css

      								color/light-carrot.css

      								color/light-concrete.css

      								color/light-emerland.css

      								color/light-persi.css

      								color/light-river.css

      								color/light-asphalt.css

      								color/light-mixorg.css

      								color/dark.css

      								color/dark-sun.css

      								color/dark-alizarin.css

      								color/dark-brown.css

      								color/dark-carrot.css

      								color/dark-concrete.css

      								color/dark-emerland.css

      								color/dark-persi.css

      								color/dark-river.css

      								color/dark-asphalt.css

      								color/dark-mixorg.css

- How To change background image?

  1) open style.css in Notepade
  2) find 1.jpg then change it.

- How To change Layouts to Blocked, Boxed and Fullwide?

  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="blocked">` `<div id="layout" class="boxed">`

- How To change Contact Form Email ?

  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

- How to change Address in Google Map?

  1) edit contact.html in notepad
  2) find address: "Ohe Street Honolulu, Hawaii 96813"
  3) now enter your address then save and close

- How To add Row and Column ?

  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
  `

- How To change Twitter Username to Show Tweets ?

  1) go to js Folder Open custom.js in Notepade
  2) find below code and change it `username: 'behzadg1',` 3) go to folder twitter then open index.php
  4) You need to have a twitter App for your usage in order to obtain OAuth credentials, see https://dev.twitter.com/apps for help.
  5) After creating your app, configure index.php with your OAuth credentials, and enable caching if you desire. Your cache directory of choice must be writable by PHP.
  6) That's all.

- How To CSS3 Animation when scrolling Down?

  1) add this code to your elements:
  `class="animtt" data-gen="fadeInUp" data-gen-offset="bottom-in-view" style="opacity:0;"` 2) for change animation you should change data-gen="fadeInUp"
  2) animations:
  `flipInX
  fadeInUp
  fadeInDown
  fadeInRight
  fadeInLeft
  bounceIn
  bounceInDown
  rotateIn
  rotateInDownLeft
  rotateInDownRight
  rotateInUpLeft
  rotateInUpRight`

- Explanation about more classes

  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
  flr is float: right
  tac is text-align: center
  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%

- How to change audio in jplayer

  1) in blog.html find this: mp3:"http://1.s3.envato.com/files/10407161/preview.mp3"
  2) now you can change and inset your audio url
  3) for use player code find thsi : id="jquery_jplayer_1"
  4) from first of id="jquery_jplayer_1" to close this div has your player.

- How to change Time Of Coming Soon Page

  1) go to custom.js
  2) find this ("31 December 2013 23:59:59") and change it.