General Information

General Information

To install this theme you must have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here.

Back To Top

Technical Requirements

To install this theme you must have a working version of WordPress. Please refer to WordPress documentation for further instructions. You can download the latest version of WordPress here https://wordpress.org/download/

  • WordPress 3.8 to 4.1
  • PHP 5.3.29 or higher
  • MySQL 5.0 or higher
  • Apache mod_rewrite module musts be enabled

This theme is tested under Mac, Windows and Linux.

Compatible Browsers: IE9+, Firefox, Safari, Chrome, Opera

Back To Top

Free Forum Support

All of our items come with free support, and we have a dedicated support forum to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are unable to provide support for code customization or third-party plugins. We may help you to do minor customizations and we are very appreciated if you have any feature request/suggestion.

Go to our forumhttp://www.woorockets.com/forum/

Back To Top

Before You Post On Forum

To help speed along your request, you need to follow the steps below before posting a new topic on the forum. This is for the benefit of everyone and will help make the entire forum more efficient. It’s very important and we ask that everyone who posts follow these steps.

Step 1 – Always check the Documentation. Most of the questions can be answered in that area.

Step 2 – Always perform a Forum Search before you post, it’s very possible your issue has already been brought up and has been answered.

Step 3 – If your question has not been brought up, then please post a new topic. Always be as descriptive as possible with following information:

  • The WordPress version
  • The theme version number, your browser’s version
  • And the live URL to your home page or the page that shows the issue in question are very useful information.

Although it’s not required, providing us WP/FTP login info would save a lot of time for both parties. All login info stays private with our support team admins.

Step 4 – Patiently wait! We strive to get you answers as quickly as possible.

Back To Top

Theme Installation

Install by Uploading Zip File

Step 1 – Login to your admin page.

Step 2 – Navigate to Appearance > Themes.

Step 3 – Click Add New

Step 4 – Then click Upload Theme.

Step 5 – Next, Browse to the zip file and click Install now for the theme to be uploaded and installed.

Step 6 – After done installing, click Activate the theme

Back To Top

Install Plugins

The theme requires the following plugin: WR PageBuilder and recommends the following plugins: WR ContactForm, WR MegaMenu, Revolution Slider and WooCommerce.

Step 1 – After activating the theme, you will be asked to installed the required and recommended plugins, you can proceed by clicking on Begin installing plugins

Step 2 – In the next page, check all the plugins that you want to install then on the drop down Bulk Actions, choose Install then click Apply, the plugin installation process will start.

st2

Step 3 – Check all the plugins that you want to activate then on the drop down Bulk Actions, choose Activate and click Apply, the plugin installation process will start. Wait for all the plugin activated then you can start customizing your website as you wish

Step 4 – Navigate to Appearance > Themes, click on Install WooCommerce Pages button to set up WooCommerce for your shopping cart

st3

Step 5 (Optional) – Go to Revolution Slider and activate the plugin to receive automatic updates & get premium support

Note: Revolution Slider is needed to have the main slider working on homepage

Back To Top

Install Sample Data

1. Go to Appearance > Themes

2. On Theme One, click Customize.

10-17-2014 23-21-06

3. On the next page, click Install Sample Data button.

4. A popup dialog will appear and ask for confirmation, you can check the Agreement box and click Install Sample Data button to continue

Note:

  • Installing sample data will delete all data on this website.
  • It is NOT recommended to install sample data on production website.

5. After sample data is downloaded and installed, click on Finish to end the process

6. There is a new option Restore Original Data after done installing. This option is used to remove the installed sample data

Note: There is a message on the slider Revolution Slider Error: Slider with alias home-shop not found.” This is intended as we couldnt get the data from a 3rd party which is Revolution Slider, but on front-end, the slider still has the sample data and it still displays normally

Back To Top

Theme Customization

Getting Started

1. Go to Appearance > Themes

2. On Theme One, click Customize to start customizing your theme

Note: Please remember to click Save & Publish button at top left after done customizing to save the changes

Note: These are global settings so its effect is site-wide. These settings can be overridden in single post or page

You can Install Sample Data, Restore Original Data or Read Documentation online here

Back To Top

Widgets

This section can be used to edit/add/reorder widgets

 

Back To Top

General

General


1. Responsive Options: enable/disable phone/tablet layouts by clicking on relevant buttons. They are enabled by default. Phone layout has width under 480px. Tablet layout has width between 480px and 960px.

2. Page Layout: choose between Boxed layout or Full Width layout

3. Background Type (only visible if you choose boxed layout): choose background for your website

  • None (default): no background type
  • Solid Color: there is a color picker tool to choose color from
  • Gradient Color: a gradient slider to blend colors
  • Pattern: a field appears to upload pattern image file
  • Image: a field appears to upload image file

4. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

5. Image Stretch (visible when Image background is chosen): stretch style of image

6. Image Position (visible when Image background is chosen): position of background image

7. Heading font: choose from various fonts for heading texts. Fonts can be Standard fonts or Google fonts

8. Body font: choose from various fonts for body texts. Fonts can be Standard fonts or Google fonts

System

1. Favicon: upload your favicon

2. Apple Icon: upload your Apple icon

3. Google Analytics ID: input your google analytics ID to track the site on Google

4. Code before </head> (advanced): code that needs to be in html header

5. Code before </body> (advanced): code that needs to be in html body

6. Compression: choose to compress css and/or js

7. Offline: put the site in/out of maintenance mode

Back To Top

Header

There is a switch to turn on (green) or off (red) the header

General

1. Stick to Top: option yes/no to stick the header to top of pages when scrolling down

2. Hide on Front-page: option yes/no to show/hide the header on front page only

3. Background Type: choose background for your website

  • None (default): no background type
  • Solid Color: there is a color picker tool to choose color from
  • Gradient Color: a gradient slider to blend colors
  • Pattern: a field appears to upload pattern image file
  • Image: a field appears to upload image file

4. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

5. Image Stretch (visible when Image background is chosen): stretch style of image

6. Image Position (visible when Image background is chosen): position of background image

7. Header Layout:

  • Boxed: boxed layout
  • Full Width: full width layout
  • Header Left: there is a button on the left side of screen, click to expand header
  • Header Right: there is a button on the right side of screen, click to expand header

8. Header Style: choose from three header styles (dark, light, transparent)

9. Enable Top Bar: option yes/no to show/hide the top bar widget.

Logo

This section has three fields to upload normal logo, logo for retina screen and logo for responsive screen

Menu

1. Top Menu: on the dropdown box, choose a menu as top menu. The bottom option Manage Menus links to the page to manage all the menus

2. Top Menu Font Attributes: choose font size, style (normal, bold, italic) and color for top menu

3. Main Menu: on the dropdown box, choose a menu as main menu. The bottom option Manage Menus links to the page to manage all the menus

4. Main Menu Font Attributes: choose font size, style (normal, bold, italic) and color for main menu

5. Sub Menu Font Attributes: choose font size, style (normal, bold, italic) and color for sub-mainmenu

6. Responsive Menu Type: simple or advanced look of menu on mobile devices

Others

1. Show Search Box: option to show/hide Search Box

2. Search Text: placeholder text to display in Search Box

3. Social Icons: click on the button at bottom will pop up the fields to enter social icon links which are displayed on top bar. Icons won’t be displayed if there is no link or being checked off.

Back To Top

Promo

General

There is a switch to turn on (green) or off (red) promo

1. Hide on Front page: show/hide the promo banner on front page only (yes by default)

2. Background Type: choose background for your promo position

  • None (default): no background type
  • Solid Color: there is a color picker tool to choose color from
  • Gradient Color: a gradient slider to blend colors
  • Pattern: a field appears to upload pattern image file
  • Image: a field appears to upload image file

3. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

4. Image Stretch (visible when Image background is chosen): stretch style of image

5. Image Position (visible when Image background is chosen): position of background image

6. Heading Font Attributes: choose font size, style (normal, bold, italic) and color for h1 tag on promo position

7. Body Font Attributes: choose font size, style (normal, bold, italic) and color for promo position

Content

1. Content:

  • Page Information
  • Sidebars

2. Position Display (visible when Page Information is chosen): show content on the left, right or center of the promo position

3. Show Excerpt (visible when Page Information is chosen): show/hide the excerpt post/page on promo position

4. Show Breadcrumb (visible when Page Information is chosen): show/hide the breadcrumb on promo position

5. Breadcrumb Prefix (visible when Page Information is chosen and Show Breadcrumb is enabled): text to display prefix for breadcrumb

6. Sidebar Layout (visible when Sidebars is chosen): choose number of sidebar sections to be displayed (1, 2, 3 or 4)

7. Sidebar Settings (visible when Sidebars is chosen): set widgets for sidebars and/or resize sidebars by dragging

 

Back To Top

Main

General

1. Heading Font Attributes: choose font size, style (normal, bold, italic) and color for h1 tag on main content (inside body tag)

2. Body Font Attributes: choose font size, style (normal, bold, italic) and color for main content (inside body tag)

Front-page

1. Sidebar Layout: choose number of sidebars to be displayed and their positions

2. Sidebar Settings: set widgets for sidebars and/or resize sidebars by dragging

Note: All settings of this section apply for front page only. Read more about WordPress front page: http://codex.wordpress.org/Creating_a_Static_Front_Page

Blog

1. Layout Mode: choose layout mode

  • Classic
  • Masonry
  • Timeline

2. Sidebar Layout (visible in classic & masonry mode): choose number of sidebars to be displayed and their positions

3. Sidebar Settings (visible in classic & masonry mode): set widgets for sidebars and/or resize sidebars by dragging

4. Masonry Layout (visible in masonry mode): choose boxed layout or full-width layout

5. Masonry Column (visible in masonry mode): set number of displaying columns (3, 4 or 5)

6. Pagination Type (visible in timeline mode): number pagination or load more scrolling

Single Post

1. Sidebar Layout: choose number of sidebars to be displayed and their positionsg

2. Sidebar Settings: set widgets for sidebars and/or resize sidebars by dragging

3. Show Related Posts: show/hide related posts

4. Show Author Info: show/hide author info

5. Show Comments: show/hide comments

Page

1. Sidebar Layout: choose number of sidebars to be displayed and their positionsg

2. Sidebar Settings: set widgets for sidebars and/or resize sidebars by dragging

3. Show Comments: show/hide comments

WooCommerce

1. WooCommerce Layout: choose from no sidebar, sidebar on the left/right

2. List Product Style: 3 styles (style 1, style 2, style 3)

3. List Product Layout (only visible when style 1 is chosen): list products in grid/list

Back To Top

Bottom

There is a switch to turn on (green) or off (red) the bottom

General

1. Hide on Front-page: option yes/no to show/hide the bottom on front page only

2. Background Type: choose background for your website

  • None (default): no background type
  • Solid Color: there is a color picker tool to choose color from
  • Gradient Color: a gradient slider to blend colors
  • Pattern: a field appears to upload pattern image file
  • Image: a field appears to upload image file

3. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

4. Image Stretch (visible when Image background is chosen): stretch style of image

5. Image Position (visible when Image background is chosen): position of background image

6. Heading Font Attributes: choose font size, style (normal, bold, italic) and color for h3 tag on bottom area

7. Body Font Attributes: choose font size, style (normal, bold, italic) and color for bottom area

8. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

9. Image Stretch (visible when Image background is chosen): stretch style of image

10. Image Position (visible when Image background is chosen): position of background image

11. Fixed Position (visible when Image background is chosen): choose yes/no to enable/disable image position

Content

1. Sidebar Layout: choose number of sidebars to be displayed and their positionsg

2. Sidebar Settings: set widgets for sidebars and/or resize sidebars by dragging

Back To Top

Footer

There is a switch to turn on (green) or off (red) the footer

General

1. Hide on Front-page: option yes/no to show/hide the footer on front page

2. Background Type: choose background for your website

  • None (default): no background type
  • Solid Color: there is a color picker tool to choose color from
  • Gradient Color: a gradient slider to blend colors
  • Pattern: a field appears to upload pattern image file
  • Image: a field appears to upload image file

3. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

4. Image Stretch (visible when Image background is chosen): stretch style of image

5. Image Position (visible when Image background is chosen): position of background image

6. Heading Font Attributes: choose font size, style (normal, bold, italic) and color for bottom area

7. Body Font Attributes: choose font size, style (normal, bold, italic) and color for bottom area

8. Pattern Repeat (visible when Pattern background is chosen): repeat pattern horizontally, vertically or both

9. Image Stretch (visible when Image background is chosen): stretch style of image

10. Image Position (visible when Image background is chosen): position of background image

11. Fixed Position (visible when Image background is chosen): choose yes/no to enable/disable image position

Content

1. Copyright Text: enter your copyright text

2. Social Icons: click on the button at bottom will pop up the fields to enter social icon links which are displayed on top bar. Icons won’t be displayed if there is no link or being checked off.

3. Menu: on the dropdown box, choose a menu as footer menu. The bottom option Manage Menus links to the page to manage all the menus

 

Back To Top

Post Management

Posts

Add New

Go to Posts > Add New to add new post

10-17-2014 22-51-52

Note:

  • You can use either Classic Editor or WR Page Builder to build the post content. For more information on WR Page Builder, please follow this link https://wordpress.org/support/plugin/wr-pagebuilder or read the documentation http://www.woorockets.com/docs/wr-pagebuilder-user-manual/
  • At bottom, there is a section WR Page Options. This sections contain options that can be used to override global theme options for the current post only. If the global settings are overridden, Mega Menu won’t be available anymore

10-17-2014 22-56-13

Categories

You can manage the blog categories here.

Tags

You can manage the blog tags here

For more detailed information on how to work with posts, categories, tags, please go to http://codex.wordpress.org/Writing_Posts

Back To Top

Page Management

Pages

Add New

Go to Pages > Add New to add new page

10-17-2014 22-59-20

Note:

  • You can use either Classic Editor or WR Page Builder to build the post content. For more information on WR Page Builder, please follow this link https://wordpress.org/plugins/wr-pagebuilder/ or read the documentation http://www.woorockets.com/docs/wr-pagebuilder-user-manual/
  • At bottom, there is a section WR Page Options. This sections contain options that can be used to override global theme options for the current post only. If the global settings are overridden, Mega Menu won’t be available anymore

10-17-2014 22-56-13

For more detailed information on how to work with posts, categories, tags, please go to http://codex.wordpress.org/Pages

Back To Top

WR Mega Menu

WR Contact Form

Custom Post Types

Member

10-17-2014 23-05-23

This is custom post type Member so usage is the same as Post

Add Member

Go to Member > Add Member to add new member

Note:

  • You can use either Classic Editor or WR Page Builder to build the post content. For more information on WR Page Builder, please follow this link https://wordpress.org/plugins/wr-pagebuilder/ or read the documentation http://www.woorockets.com/docs/wr-pagebuilder-user-manual/
  • At bottom, there is a section WR Page Options. This sections contain options that can be used to override global theme options for the current post only. If the global settings are overridden, Mega Menu won’t be available anymore

Back To Top

Portfolio

10-17-2014 23-07-34

This is custom post type Portfolio so usage is the same as Post

Add Portfolio

Go to Portfolio > Add Portfolio to add new portfolio

There is one extra section Portfolio Images

  • Link To Project: link image to project
  • Link Download Project: input link to download the project
  • Layout: choose how to lay contents out (Right Info, Left Info, Full Width)
  • Large Item (For Masonry Layout): enable/disable large images

Note:

  • You can use either Classic Editor or WR Page Builder to build the post content. For more information on WR Page Builder, please follow this link https://wordpress.org/plugins/wr-pagebuilder/ or read the documentation http://www.woorockets.com/docs/wr-pagebuilder-user-manual/
  • At bottom, there is a section WR Page Options. This sections contain options that can be used to override global theme options for the current post only. If the global settings are overridden, Mega Menu won’t be available anymore

Category

You can manage the portfolio categories here.

Back To Top

WR Page Builder

WooCommerce

WooCommerce

10-17-2014 23-11-44

This is a powerful plugin for managing your store. It has a lot of functions that required to run your store effectively.

For more detailed information, please visit http://www.woothemes.com/woocommerce/ for demo, extensions, documentation and other goodies to enhance your store

Back To Top

Revolution Slider

Revolution Slider

10-17-2014 23-13-46

Revolution slider is included in the theme package. It’s recommended to activate the slider using your Envato information to benefit the most from regular updates and premium supports.

For more detailed information, please visit http://themepunch.com/revolution/ for demo, documentation and other goodies.

Back To Top

Shortcodes

Portfolio

Shortcode example for displaying portfolio

[wr_portfolio column=”port-5col” full=”yes” masonry=”yes” space=”no” description=”no” filter=”yes” limit=”15″]
  • column="port-5col" – 5 columns. "port-5col" can be replaced by "port-4col", "port-3col", "port-2col" to create the layout with the specified number of columns
  • full="yes" – full width enabled
  • masonry="yes" – masonry layout enabled
  • space="no" – there is no space between portfolio images. If “yes”, there will be spaces between images
  • description="no" – there is no description displayed on portfolio images. If “yes”, there will be description displayed.
  • filter="yes" – show portfolio filter
  • filter_left=”yes” – filter bar will be displayed on the left (only valid if filter=”yes”)
  • limit="15" – number of portfolio images displayed

Back To Top

Element

Blog Post

Shortcode example for displaying blog post

[wr_blog_post show=”2″ limit=”5″ layout=”five-col” style=”layout-masonry” carousel=”yes”]
  • carousel="yes" – enable carousel
  • show="2" : number of displayed items on a slide (only valid if carousel=”yes”)
  • limit="5" – number of post teasers displayed
  • layout="five-col" – number of columns to hold the blog post teasers. Available values: “five-col”,  “four-col”
  • style="layout-masonry" – enable masonry style. Other styles such as “layout-grid” can replace the layout style
  • exclude=”id_post”: exclude the post with the specified id

Shortcode example for display blog masonry layout

[wr_blog_masonry layout=”five-col” limit=”5″]
  • layout=”five-col”: tùy chỉnh số lượng cột hiển thị cho dạng layout này. Avaiable values: five-col, four-col
  • limit=”5” – number of post teasers displayed

Shortcode example for display blog timeline layout

[wr_blog_timeline limit=”5″]
  • limit=”5” – number of post teasers displayed

Gallery

Shortcode example for gallery images

[wr_gallery layout=”four-col” carousel=”yes” space=”no”]
[wr_gallery_item link=”image_link” size=”large”]
[/wr_gallery]
  • layout="four-col" – number of columns to hold the gallery images. Available values: “five-col”, “four-col”
  • carousel="yes" – enable carousel
  • space="no" – there is no space between portfolio images. If “yes”, there will be spaces between images
  • link="image_link" – replace "image_link" with link to the image to include it in the gallery. Add more shortcode [ wr_gallery_item link=”image_link”] to have more images in the gallery
  • size="large" – display bigger image
[wr_gallery single=”yes” thumb=”yes” nthumb=”5″]
[wr_gallery_item link=”image_link” size=”large”]
[/wr_gallery]
  • single="yes" – single image gallery with no column
  • thumb="yes" – enable displaying thumbnails
  • nthumb="5" – number of thumbnails displayed

Image Banner

Shortcode example for display image banner

[wr_image style=”style1″ img=”image_link” title=”sale off to 35%” subtitle=”Summer Collection 2014″ link=”#”  bg=”bg-blue” rounded=”yes”]
  • img="image_link" – replace "image_link" with link to the image to include it in the gallery.
  • style="style1" – display style of the banner. Available values: "style1", "style2", "style3", "style4"
  • title="sale off to 35%" – image title
  • subtitle="Summer Collection 2014" – image sub-title
  • link="#" – link to another location. Replace "#" with link to the location
  • bg="bg-blue" – background color. Background color available: bg-blue, bg-pink, bg-yellow, bg-dark, bg-cyan, bg-orange, bg-red, bg-green, bg-grey, bg-violet
  • rounded="yes" – enable rounded corner.

Team Member

Shortcode example for display team member

[wr_member id=”member_id” info=”yes” limit=”1″ style=”1″ layout=”vertical”]
  • id="member_id" – member id in custom post type Member
  • info="yes" – show member info
  • limit="1" – number of dispkaed member
  • style="1" – 2 available styles 1 or 2
  • layout="vertical"

Circle Countdown

Shortcode example for display countdown timer

[wr_countdown date=”10″ month=”10″ year=”2015″ time=”00:00:00″]
  • date="10" – end date
  • month="10" – end month
  • year="2015" – end year
  • time="00:00:00" – end time (hh:mm:ss)

Counter Number

Shortcode example for display counter number

[wr_counter number=”Your Number” title=”Your Title” icon=”Font Awesome” style=”circle” position=”horizontal”]
  • number="Your Number" – display number
  • title="Your Title" – display title
  • icon="Font Awesome" – take an example if font icon has class <i class=”fa fa-icons”></i> then we only need to write icon=”fa-icons”
  • style="circle" – style of icon wrapper. Available values: circle, square
  • position="horizontal" – position of icons. Available values: horizontal
  • color=”#hex”: hex color code for icon

Product Slider

Shortcode example for display product in slider

[wr_shop_slider pagination=”yes” limit=”3″ orderby=”date” space=”no”]
  • pagination="yes" – enable pagination
  • limit="3" – number of product images per pagination
  • orderby="date" – order the products by date. Available values: please refer to http://codex.wordpress.org/Class_Reference/WP_Query and search for keywords “Order & Orderby Parameters”
  • space="no" – no space between product images.
  • order=”desc” – available values: desc (descending order from highest to lowest values), asc (ascending order from lowest to highest values)
Shortcode example for display product with isotope filter
[wr_shop_filter layout=”1″ filter=”yes” showpost=”8″ col=”fourcol”]
  • layout="1" – layout style. Available values: 1, 2
  • filter="yes" – show product filter
  • showpost="8" – number of images displayed
  • col="fourcol" – number of columns. Available values: fourcol, fivecol, only valid when layout=”2”
  • cat=”cat_id” : display products which belong to category with specified category ID

Social Icons

Shortcode example for social icons

[wr_social style=”large-icon” facebook=”#” skype=”skype?your_name” twitter=”#” linkedin=”#” instagram=”#” gplus=”#” pinterest=”#” github=”#” foursquare=”#” dribbble=”#” youtube=”#” rss=”#”]
  • style="large-icon" – use large icons, remove this attribute to use small icons. Available values: dark-icon, colors-icon, circle-icon, line-icon, group-icon. To use large icon with other styles, you can write style="large-icon dark-icon" for example.
  • Other attributes such as facebook=”#” – replace # with your respective social link

Background video

Shortcode example for background video
[wr_video_bg id=”youtube_id” container=”#home” mute=”true” autoplay=”true” loop=”true” control=”true” start=”0”]
  • id=”youtube_id” – example: https://www.youtube.com/watch?v=RVDBsNZkywc, in this case, id is “RVDBsNZkywc”
  • container=”#home” – html class or html id of the row which has background as video
  • mute=”true” – turn on/off sound
  • autoplay=”true” – turn on/off autoplay
  • loop=”true” – turn on/off repeat
  • control=”true” – turn on/off video control
  • start=”0”: select start time of video (unit is second)

Back To Top

Global CSS Classes

Global CSS Classes

Background

.bg-cover – background size is cover

.bg-norepeat – background not repeating

.bg-fixed : fixed background

 

Background colours

.bg-blue { background-color: #428bca; }

.bg-green { background-color: #5cb85c; }

.bg-cyan { background-color: #5bc0de; }

.bg-yellow { background-color: #f0Ad4e; }

.bg-red { background-color: #d9534f; }

.bg-grey { background-color: #f1f1f1; }

.bg-violet { background-color: #8d84e4; }

.bg-black { background-color: #3d3d3d; }

.bg-orange { background-color: #ff8400; }

.bg-pink { background-color: #ff6bb1; }

.mask-color: transparent background with colour code rgba(0, 0, 0, .5);

.mask-pattern: transparent background with pattern image

 

Border

.no-border-top { border-top: 0 }

.no-border-right { border-right: 0 }

.no-border-left { border-left: 0 }

.no-border-bottom { border-bottom: 0 }

 

Position

. alignleft – align content to the left

. alignright – align content to the right

. aligncenter: align content to center

 

Margin

.wr-mgt10 { margin-top: -10px }

.wr-mgt20 { margin-top: -20px }

.wr-mgt30 { margin-top: -30px }

.wr-mgt40 { margin-top: -40px }

.wr-mgt50 { margin-top: -50px }

.wr-mgb10 { margin-bottom: -10px }

.wr-mgb20 { margin-bottom: -20px }

.wr-mgb30 { margin-bottom: -30px }

.wr-mgb40 { margin-bottom: -40px }

.wr-mgb50 { margin-bottom: -50px }

 

Highlight

.highlighted.h-blue { background-color: #428bca; }

.highlighted.h-green { background-color: #5cb85c; }

.highlighted.h-pink { background-color: #ff6bb1; }

.highlighted.h-cyan { background-color: #5bc0de; }

.highlighted.h-orange { background-color: #ff8400; }

.highlighted.h-red { background-color: #d9534f; }

.highlighted.h-yellow { background-color: #f0Ad4e; }

.highlight-text-color.h-blue { color: #428bca; }

.highlight-text-color.h-pink { color: #ff6bb1; }

.highlight-text-color.h-green { color: #5cb85c; }

.highlight-text-color.h-cyan { color: #5bc0de; }

.highlight-text-color.h-orange { color: #ff8400; }

 

Others

.inner – set width for row 1170px

.animate-bg – add animation for background

 

If there is still question, please visit our forum for more support.

Hope you enjoy our product!

Back To Top

Support and Feedback

Feedback and Suggestion for our products

If you have any feedback or suggestions please let us know via forum here. Thank you!

 

Back To Top