Created: 11/10/2014
By: Webyzona
Email: support@webyzona.com
.

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


Table of Contents

  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Navigation and Logos
  6. Sources and Credits

1) Introduction - top

Thank you so much for purchasing GLOBALNEWS - HTML News & Magazine Theme. Please feel free to contact us if you have question or problem about this template.


2) HTML Structure - top

All the site content is nested in a container with class name "wrapper".



3) CSS Files - top























bootstrap.min.css

This stylesheet contains 16-columns responsive grid system based on Twitter Bootstrap.

http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800

This is the Open Sans Google font.

ionicons.min.css

This is the used icon font, you still can use the default Bootstrap icon font "Font Awesome".

animate.css

This is the style for the attractive CSS3 animation.

custom-red.css

The default style for the theme, it gives it the red color. You can change to: Green, Purple, Blue.

owl.carousel.css

The main style for the carousel used in the theme.

owl.transitions

Owl carousel animation.

magnific-popup.css

This is used to show modal boxes and pop up windows.


4) JavaScript - top

  
 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
 

 
 

 
 

 


jquery.min.js

jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML.

jquery.easing.1.3.js

That controls the speed of an animation to give a desired effect (bouncing, zoom in and slow, etc.).

bootstrap.js

The essential js for Bootstrap.

wow.min.js

That is used in applying CSS3 animation to any element in the page.

moment.min.js

Plugin for time and date.

jquery.ticker.js

This is used in showing the latest news in the top of the page.

owl.carousel.js

The carousel plugin.

jquery.magnific-popup.js

This is used to show any pop up window or modal box.

jquery.simpleWeather.min.js

This is the plugin that used to show the weather.

jquery.pickmeup.js

The calendar widget.

jquery.scrollUp.js

This is used to let you navigate directly to top of the page.

jquery.nicescroll.js

This is used to control the default scroll bar in the page.

masonry.pkgd.jss

This is used in the blog to show blocks as masonry.

enquire.js

This is used to apply media queries to js

custom-fun.js

This file contains all custom js .


You can change the logo directly by change the image path in the main style sheet, the default one is: custom-red.css.

.navbar-brand {
	width: 190px;
	height: 46px;
	margin-top: 5px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('./images/general/logo.png') no-repeat;
	background-size: 100%;
	padding: 0;
}

You can change in the navigation system simply by changing the names and links that nested in the nav tag.


    
    
   
     

6) Sources and Credits - top


Webyzona.

Go To Table of Contents.