Motor WordPress Documentation

Motor Instruction

Firstly we would love to send our great thanks to you for purchasing Motor. This documentation covers almost everything to guide you step by step from the start to have your site on air. We encourage you to read thoroughly all section before you go on.

Thanks again and enjoy building your website with Motor.

WordPress Information

Before installing this theme, please make sure you have a working WordPress version already installed. For further guide to install WordPress, please find in below useful links:

Download Theme Package

When purchasing successfully our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button in the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Requirement for Motor

To use Motor theme, you must be running WordPress 3.6 or higher, PHP5 or higher, and MySQL 5 or higher. Follow below checklist to ensure your host can work well with Motor theme:

There are two ways to install the theme. It is up to you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing file via WordPress, it means that you have an upload max file size limit. Try to install the theme via FTP instead, or contact your host to increase the limit.

Install Theme via FTP

Follow this video tutorial learn more about how to install Motor theme & plugins:

Plugin Installation

Here is the list of plugins that will come together with our theme when you activated it. You are recommended to install and activate these plugins base on your own need:

Import Demo Content

The easiest way to import our demo content is to use our Demo Content Importer. Our importer will give you all pages and posts, several sample sliders, widgets, and more.

Import Slider

You should import all our sliders before importing Sample Demo Data, please follow these steps:

Import All Content Demo
import sample data

Follow this video tutorial learn more about how to import Motor sample content:

Update Theme

Auto Update

Please follow these steps to update automatically this theme:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic setting is needed on WordPress site. If you know the problem is and how to fix it, please skip this section.

Setup Home Page & Blog Page

To assign Homepage and Blog page, please follow these steps:

Assign Menu

Please go to Appearance > Menus then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more detail at:

Change Permalink

Please go to Permalinks setting: Settings >Permalinks then change the Common settings to Post name.

You can see more detail at: After doing these steps, your site will look like our demo, you can move on to process to build your content.

Based on Redux Framework, Motor theme provides Theme Options helping users easily to control WordPress theme. There are many options in Theme Options, each option has a mission making your website nicer and more eye-catching. You absolutely go to Appearance > Theme Options to see all options. And do not forget to follow this section to see description each option in Theme Options.

General Setting

General Setting section allows you to configure general pages such as select page preloader or configure enhancement or 404 page.

General Setting
General Setting

Enhancement section will help you enable the coming soon/ maintenance mode and enable JS, CSS file for your website.

404 Setting
404 setting

404 section allows to configure 404 page by adding title, background image for 404 page.

Page Setting

Page Setting section will help you to configure main page on your WordPress site. There are 3 section you need to configure on Page Setting including Archive page, Search Page and Single Blog section.

Pages Setting

Pages Setting

Pages Title Setting

Archive Page

Archive page section provides many options which will help you configure archive page for your WordPress Website.


Archive Page

Archive Title Setting

Search Page

Search Page section allows you to configure all options of Search Page.

Single Blog

Single Blog section allows you to configure single blog page, for example layout, sidebar, etc.


Single Blog

Single Blog Title Setting

Logo & Favico


In this section, you can upload your logo, sticky logo and custom favico for your WordPress website.

There are many options on Header section helping you to configure Header for your WordPress website. Follow these descriptions learn more about them:


Header Schema

Header Navigation

Header Customize

Header Customize section will help you to configure megamenu, select search button style, shopping cart style, etc.


Header Customize Navigation

Header Customize Left

Header Customize Right

Mobile Header
mobile menu

In this section, you can select Footer Block for your main page..

Styling Option


Styling option allows you to configure Primary color, text color, submenu color and page title color for your website.

Sub-menu Scheme

Page Title Background Color


In this section, you can select Fonts for body, menu, page title, page sub title from dropdown list font.

Social Profile

Social Profile section allows you turn on social media and add the link your account on your website.

Promo Popup

Promo Popup allows you create a Newsletter form which will be displayed when visitor begin accessing your website



WooCommerce section provide many options which help you to configure shop page, archive product page and single product page.

Archive Product

Layout Options

Page Title Options

Single Product

Layout Options

Page Title Options

Product Related Options

Custom CSS & Script

In this section, you absolutely add your Custom CSS and Custom JS segment for your website.

Import /Export

In this section, you can import or export date from your website.

Create New Page


Page Options

We have created some specifics Motor page settings which will help you to build splendid pages for your website. Following the list of options below to see how they work:

Page Layout
Page Color

Page Color section allows you change the Primary Color, Link Color, Top Bar Text Color, etc. If you turn off Customize Page Color option. Your page will inherit color from Theme Options.

Page Top
Page Header

Page Header will allows to turn On/Off Header for your page. In addition, you absolutely customize Header Customize option, if turn On Header Customize option you can configure many options for your page such as Header Layout, Header Scheme, Header sticky, etc.

Page Header Customize

Menu section will help you to choose separated menu for page. You can select Page Menu and Page menu mobile.

Page Title

On this section, you can customize your page title with many options such as turn on/off page title, select color for page title or sub title from table color.

Page Footer

Page Footer allows to select footer to override footer selected on Theme Options

Header Mobile

Create New Post

Follow below steps to create blog posts assign blog page:
create_ post

Post Format

Motor supports 7 post formats. Follow below steps to see the description of Post Formats and Global setting of Post.

Page Options

Same as Page Options section of Page, you absolutely configure more options on Page Options of Post. To learn more about description of each option, please visit Page section.


Create New Testimonial
Testimonial Setting

Team Member

Create New Team Member
Team Member Setting

Footer Blocks custom post type will help you create particular footer style by using Visual Composer shortcode. On Motor, we provides 11 sample footer blocks. You can install our sample data learn more about this.

Create New Footer Blocks

When WooCommerce plugin is installed in your WordPress website, you are able to create online shop or product list page. Below is the guide to create Product or shop page using WooCommerce.

Create New Product

To create a new product, please follow these steps:

Shop Page

To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce > Settings

In Products tab, navigate to Display sub-tab on the top, here you can find your page from dropdown list to set as Shop page.

Product List Page

To set up a page as Product List page to show all product such as product list 2 columns, 3 columns, you can create a new page. Then use add Yolo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

Instead of writing lines of code to build elements, we built Motor with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips.

By installing Visual Composer (the page builder plugin integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually before your eyes and easily generated in several clicks.

In addition to Default Visual Composer shortcodes, Motor comes with 13 specific shortcodes. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode.

Navigate to Motor Shortcodes to find a shortcode you want to use. You can add those shortcode to any pages or posts for your own use.


There are 16 Motor Shortcodes on Motor. Below are list 13 shortcodes and their artributes:

Yolo Single Product

Use this shortcode to show single product on your page. This shortcode is used on Homepage.

Detail option:

Yolo Product

Use this shorcode to display products as Grid or Masonry style.

Detail option:

Yolo Product Slider

Use this shortcode to show product items as slider on your site.


Detail option:

Yolo Product List

Use this shortcode to show list products on your page.


Detail option:

Yolo Blog

Yolo Blog shortcode will help you to show the list blog post on your page.

Detail option:

Yolo Testimonial

Use this shortcode to show testimonial on About Us page.

Detail option:

Yolo Recent News

Use this shortcode to display recent post on your page.

Detail option:

Yolo CountDown

count down

Use this shortcode if you want to show count down on your website.

Detail option:

Yolo Banner

Use this shortcode to display banner on front page.

Detail option:

Yolo Client

Use this shortcode to show clients logo on front page

Yolo Icon Box

This shortcode will help you to show icon box on front page.

Detail option:

Yolo Team Member

Use this shortcode to show team member on front page

Detail option:

Yolo Google Maps

Use this shortcode to show the map on front page.

Detail option:

Motor is a WMPL – compatible and multi- language ready theme. To translate this theme please follow these steps:

Come together with Motor, these plugins are recommended to install and activate for flexible use. Below are the source for documentation and support of each plugins.

Visual Composer

Visual Composer WordPress Plugin Documentation for user guide to use the plugin.

Visual Composer WordPress Plugin Support System for support upon issues of the plugin.

Contact Form 7

Contact Form 7 Plugin Page for basic information about the plugin.

Contact Form 7 Plugin Documentation for user guide to use the plugin.

Contact Form 7 Plugin Support Forum for support upon issues of the plugin.

Slider Revolution

Slider Revolution Plugin Page for basic information about the plugin.

Slider Revolution Plugin Documentation for user guide to use the plugin.

Slider Revolution Plugin Support Forum for support upon issues of the plugin.


WooCommerce Plugin Page for basic information about the plugin.

WooCommcerce Plugin Documentation for user guide to use the plugin.

WooCommerce Plugin Support Forum for support upon issues of the plugin.

When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need help, don’t hesitate to contact us at Yolo Support Center You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button on the left of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

Hope you enjoy using Motor! Thank you for choosing our theme.