1. Start
  2. How to install theme
  3. Site settings
  4. Configure menus
  5. Configure blocks
  6. Configure Slider
  7. Adding blog entry
  8. Add Portfolio content
  9. Skin layout setting
  10. Questions
  11. Thank you

Drive - Responsive Drupal Theme


Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Thanks so much!

How to install theme


In the download Package, included 2 parts.

  1. For exits drupal installation
  2. For new fresh drupal installation

 

If you are going to setting new drupal site, follow bellow steps:

 

 

If you have exits drupal installation please follow steps at bellow:

Before to install the theme you need backup your site (Database + code)!

  1. go to folder "For Exits Drupal Installation"  (unzip download package you will see this folder)
  2. copy "drive" under "themes" put into to your exits drupal site "sites/all/themes/"
  3. Copy "tabvn" under "modules" put into your exits drupal site "sites/all/modules/"
  4. Follow the URL http://site.com/admin/appearance and click "Enable and set default" Drive theme
  5. Folow the URL http://site.com/admin/config/development/performance and click "clear all caches"

 

 

follow the URL http://site.com/admin/modules#edit-modules-tabvn and enable all modules in this package

Site settings


 

Configure menus


To configure, adding menu, or menu item follow this URL

http://your site.com/admin/structure/menu

 

Configure blocks


From top navigation click on "Structure" ->"Blocks"

To add more block click on "Add block" and can assign to you desire region.

, To configure block click on "Configure"

and a simple way to configure the block on your website , mouse hover on each block on the website you will see link to configure that block

 

 

Configure Slider


To upload new image for slider

follow the URL http://your-site.com/node/add/slider

 

Here are samples of slide content.

 

#slider 1

body field

<h2 class="slide-titles textAlignCenter slide4 contents">
  <span class="orange">Unlimited color Variations</span><br>20 Pre defined colors
</h2>
<p class="desc slide-content textAlignCenter contents slide4Content"><br>Globally generate B2C mindshare via e-business e-commerce. Monotonectally promote integrated value without distinctive paradigms. Monotonectally leverage other's parallel niche markets. </p>

<img class="bgFull bg" src="/sites/all/themes/drive/img/banners/slide4-bg.png" alt="">
<img class="color" src="/sites/all/themes/drive/img/banners/slide4.png" alt="">

 

#slider 2

body field

 

<img class="decoration bg" src="/sites/all/themes/drive/img/banners/decoration.png" alt="">
<img class="slide-titles slide3" src="/sites/all/themes/drive/img/banners/slide3.png" alt="">

<h2 class="textFromTop slide3Text"><span class="orange">Drive</span> comes With Awesome <br>Shortcode & Slider</h2>
<p class="textFromBottom hideMobile slide3Text">Globally generate B2C mindshare via e-business e-commerce.<br>Monotonectally promote integrated value without distinctive paradigms.</p>

 

#slider 3

body field

<img class="fromBottom bootstrap slide2bg bg" src="/sites/all/themes/drive/img/banners/slide2-bg.png" alt="">
<div class="centeredText">
  <h2><span class="orange">Drive</span> coded using Modern <br>HTML5 / CSS3 with Bootstrap</h2>
</div>
<img class="fromBottom bootstrap" src="/sites/all/themes/drive/img/banners/slide2.png" alt="">
<img class="css3" src="/sites/all/themes/drive/img/banners/css3.png" alt="">
<img class="html5" src="/sites/all/themes/drive/img/banners/html5.png" alt=""> 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Adding blog entry


 

Add Portfolio content


Follow the URL to adding new portfolio (project) content

http://your-domain.com/node/add/portfolio

 

to configre portfolio categories

follow the URL http://your-domain.com/admin/structure/taxonomy/portfolio_categories you can edit and add new category item.

 

 

Skin layout setting


Follow the URL

http://your-domain.com/admin/appearance/settings/touchm

click on "Skin settings" and change the default color .

Questions


Thank you


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. 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.