“WPLMS” Documentation by “VibeThemes” v1.0


“WPLMS”

Created: 2/4/2014
By: VibeThemes
Email: vibethemes@gmail.com

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


All Documentation [with Training Videos] is available online at this link
Documentation. Support Form for this template is available at this link: WPLMS Support

Table of Contents

  1. General HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. WordPress Plugins
  5. Sources and Credits

A) HTML Structure - top

This theme is a responsive layout Bootstrap v 3.0 with twelve columns. The template is divided in various sections: Header, Navigation,Sub Header, Title, Main Content and Footer. All of the information within the each section is contained within Sections in a div with a class of "container". The general template structure is the same throughout the template. Here is the general structure.

HTML Structure

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:

	#headercontact a {
		color: #someColor;
	} 

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

	#wrap #primaryContent a {
		color: #someColor;
	}

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


B) CSS Files and Structure - top

I'm using 10 CSS files in this theme.

  1. admin.css : Styling for admin css.
  2. animate.css : CSS for various CSS3 animation effects.
  3. bootstrap.css : This is the standard Bootstrap 2.3.1 file.
  4. buddypress.css : Some important CSS fixes for Buddypress & BBPress.
  5. chosen.css : Styling for select boxes css.
  6. fonticons.css : All the icons used in the theme are based on fonticons.css.
  7. magnific-popup.css : Magnific Popup css used for jquery lightbox functionality in theme.
  8. nprogress.css : Styling for page loading css.
  9. woocommerce.css : Some important CSS fixes for Woocommerce.
  10. css.php : It is a dynamically generated CSS file which gives all the user generated custom styling to the theme.

The last file is style.css.This file contains all of the specific stylings for the theme. The file is separated into sections using:

	
/* ------------------------------------------------------------------------ */
/* 01. General Styles
/* ------------------------------------------------------------------------ */

	some code

/* ------------------------------------------------------------------------ */
/* 02. HEADER
/* ------------------------------------------------------------------------ */
	
	some code
	
/* ------------------------------------------------------------------------ */
/* 03. MAIN
/* ------------------------------------------------------------------------ */
	
	some code
	
/* ------------------------------------------------------------------------ */
/* 04. FOOTER
/* ------------------------------------------------------------------------ */
	
	some code
	
	etc, etc. 

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.


C) JavaScript - top

This theme imports 13 Javascript files.

  1. jQuery
  2. Bootstrap.min.js
  3. Mordernizr
  4. chosen.jquery.min.js
  5. jquery.flexslider-min.js
  6. jquery.isotope.min.js
  7. jquery.magnific-popup.min.js
  8. spectragram.min.js
  9. nprogress.js
  10. respond.min.js
  11. sidebarEffects.js
  12. classie.js
  13. custom.js
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. Bootstrap.min.js is a Javascript library that comprises of all the inbuilt functions and features of the Bootstrap template.
  3. Mordernizr script helps non HTML5 browsers to render HTML5 elements.
  4. Chosen script is required to create searchable select boxes in the theme.
  5. flexslider script is required for various carousels and sliders in the theme.
  6. Isotope script is required to create the filterable effect.
  7. Magnific Popup script is required to create the gallery effect in the Gallery shortcode.
  8. spectagram script is required for Instagram widget.
  9. nProgress script is required to show the page loading effect on pages.
  10. Respond script is required to detect responsive triggers for older browser versions.
  11. sidebarEffects script is required to show the mobile slide menu on Mobile layouts.
  12. classie script is required to trigger click event on touch events on mobile layouts.
  13. Custom.js script has function calls to all the above scripts.

  14. All Documentation [with Training Videos] is available online at this link
    Documentation. Support Form for this template is available at this link: WPLMS Support



    A) WordPress Theme & Functioning - top

    This theme is a WordPress theme designed to work with following plugin combination, some of which are bundeled in the theme package.

    1. Buddypress (Required): The popular social networking plugin from WordPress. [http://wordpress.org/plugins/buddypress/]
    2. Vibe Course Module (Required): The Course Module especially designed for WPLMS theme.
    3. Vibe Custom Types (Required): The Custom types plugin for all the Custom post types and Meta boxes including the Page builder especially designed for WPLMS theme.
    4. Vibe Shortcodes (Required): The Shortcodes module for WPLMS especially designed for WPLMS theme..
    5. BBPress (Recommended): The popular forum plugin for WordPress.[http://wordpress.org/plugins/bbpress/]
    6. WooCommerce (Recommended): The popular eCommerce plugin from WordPress. [http://wordpress.org/plugins/woocommerce/]
    7. LayerSlider (Recommended): The Premium Slider plugin for WordPress included in Package worth $15

    So, we strongly recommend you to install the above mentioned plugins for maximum compatibility & theme usage.

    All Documentation [with Training Videos] is available online at this link
    Documentation. Support Form for this template is available at this link: WPLMS Support


    E) Sources and Credits - top

    I've used the following images, icons or other files as listed.


    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.

    All Documentation [with Training Videos] is available online at this link
    Documentation. Support Form for this template is available at this link: WPLMS Support

    VibeThemes

    Go To Table of Contents