Start

Copyright 2015 Wooplus by WooRockets.com. Powered by HTML5 & CSS3



Thank you very much for purchasing our site template. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page contact form.

Back To Top

HTML Structure

Header

Main Section

Back To Top

CSS Files and Structure

This theme uses style.css file as main CSS file and other additional css files located at css folder.

style.css

Main CSS files in this theme is style.css that contains all of specific stylings for the theme.The file is separated into sections using labels as follows:

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

responsive.css

responsive.css contains styling for media queries that allows us to tailor to different resolutions and devices without changing the content. The file is separated into sections as follows:

If you would like to edit styling of the specific device width, simply find the appropriate label in the responsive.css file, and then scroll down until you find the appropriate style that needs to be edited.

Additional css files at css folder

  1. bootstrap.min.css – Twitter Boostrap CSS framework
  2. bookblock.css – Bookblock CSS
  3. dl-menu.css – DL Menu CSS
  4. elements.css – Elements
  5. font-awesome.css – Font Awesome
  6. fontello.css – Fontello
  7. lightbox.css – jQuery lightbox
  8. owl.carousel.css – Owl Carousel
  9. owl.theme.css – Owl Carousel Theme
  10. owl.transition.css – Owl Carousel Transition
  11. responsive.css – Resopnsive CSS
  12. rev-settings.css – Slider Revolution setting

Back To Top

JavaScript

This theme imports following Javascript files.

  1. bootstrap.min.js – Twitter Boostrap framework
  2. jquery-1.11.2.min.js – jQuery core library
  3. jquery-ui.min.js – jQuery Ui library
  4. jquery.bookblock.min.js – Bookblock
  5. jquery.bookblock.trigger.js – Bookblock trigger
  6. jquery.countdown.min.js – jQuery countdown
  7. jquery.dlmenu.js – DL Menu
  8. jquery.lightbox.min.js – Lightbox
  9. jquery.scrollfix.min.js – jQuery scrollfix
  10. jquery.themepunch.revolution.min.js – Slider Revolution
  11. jquery.themepunch.tools.min.js – Slider Revolution Tools
  12. modernizr.custom.js – Modernizr Custom
  13. owl.carousel.min.js – Owl Carousel
  14. functions.js – Contain some custom script

Except functions.js, all of the plugins are packed, so you don’t need to manually edit anything in these files. The only necessary thing to know is how to call the method. You can refer to the website of the plugin author I listed in the “Sources and Credits” section to learn more about them.

Main.js contains custom scripts and scripts to call method for above plugin. The file is separated in to sections with appropriate label.

Back To Top