Documentation for

Majed

General Information

Theme includes the Revolution Slider and WPBakery Page Builder drag and drop page builder to help you edit your content immediately. This is one of the latest additions to the construction WordPress theme or template.

Thank you for purchasing our theme. We are happy that you are one of our customers and we assure you will not be disappointed. We do our best to produce top notch themes with great functionality, premium designs, and clear code.


License

With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client.


What is allowed with the single regular license:

  1. You can create 1 website (on a single domain) for yourself or for your client. You can then transfer that website to your client for any fee. In that case, the license is also transferred to your client.
  2. You can install the theme on your test server for testing/development purposes (this installation should not be available to the public).
  3. You can modify or manipulate the theme, you can combine it with other works to create the End Product.
  4. The theme updates for the single End Product (website) are free.

Theme Styles

NOTE!
You can change theme's look and feel from Admin > Theme Settings.
You can also add or override custom CSS code from Admin > Appearence > Editor

Stylesheets

Main stylesheet files used for this theme, you can find more information opening each file:

File Name Description
main-style.css Styles for general elements for the template.
bootstrap.min.css Bootstrap stylesheet.
font-awesome.min.css Styles for font-awesome.
animate.min.css Styles for animation.
owl.carousel.css Styles for Owl Slider.
elegant_icon.css Styles for Elegant IconS.
hover-min.css Styles for hover Effects.

JavaScript Files

Main JavaScript files for this theme:

Tag Description
bootstrap.min.js Bootstrap JS
jquery.easing.min.js easing JS
owl.carousel.min.js Carousel JS
custom.js Custom Salim JS

"Thme Preview" has images from Freepik, shutterstock and istockphoto.

Fonts used: Open Sans, Poppins Google Web Fonts

1. Install Theme

Brief information about how to install your WordPress theme from scratch

Unzip the main files (the file that you have downloaded when you have purchased the theme). The theme installer is 'theme_name'_installer.zip. NOTE! - This is the only file that you should use to install the theme.

Log in to your Wordpress Admin Panel, go to Appearence > Themes > Install Themes > Upload. Upload the zip file that was discussed in the above topic.

Once you have uploaded the theme, it automatically installs to your wordpress. Click the Activate button to activate the theme.
Please read the usage documentation below. Note: Activate all required plugins once theme is activated. Required plugin name will appear in dashboard once theme activated.

One Click Demo Import

Go to Theme Options > Demo Importer > Click Demo Import

OR ( Alternate Import Method )

Note: Find XML & JSON files inside "Sample Data" directory.

How to Use the XML File to Import the Demo Site's Content

Note : Make sure you have activated all required plugin before importing demo data.

  • Log into your site as an administrator.
  • Make sure you activated your new theme and related plugin before proceeding.
  • Go to Tools → Import
  • Choose "WordPress" from the list.
  • Upload the .xml using the form provided on that page.
  • You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
  • You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
  • Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you'll need to configure widgets. This is a limitation of WordPress import system.

How to Use JASON File to Import the Theme Default Setting

  • Log into your site as an administrator.
  • Make sure you activated your new theme and related plugin before proceeding.
  • Go to Tools → Theme Options > Import / Export
  • Click "Import From File" from the list.
  • Open the .json in notepad.
  • Copy entire text and paste it in "Import From File" textarea.
  • Click the import button below.

2. General Usage

Information about adding pages and different content type.

× Important!
Reading settings
If you plan to change the "Front page displays" from "Your latest posts" to "A static page (select below)", please only set up "Front page:" and leave "Posts page:" blank. You can add a blog style page by adding pages see @Add Pages.


Add Pages

In order to add content to your website first you have to add Pages, pages can be added from the Admin > Pages > Add new.

Add Menu

Create the menu

After you have added at least one page, you can start adding pages to the website's menu, go to Admin > Appearence > Menus
Add a new menu from the menu panel, save it, than select the created menu from the "Theme Location" panel and save it.

Add pages to the menu

You can add pages to menu from the Pages panel, than you can change menu items labels or order from the menu panel.

NOTE! Click on the image to see the full size

Blog pages

1. Create a regular page under pages.
2. From the Editor ('Theme Shortcodes') select the 'Blog Post' as a Shortcode .
3. You can add Blog posts from Admin>Posts>Add new.
4. Add this page to the menu:
Go to Admin > Appearence > Menus, from the 'Pages panel' select the page you have just created than click 'Add to Menu'.
From the menu panel you can change menu items order (just drag the menu items up/down). For more information about creating the website's menu see Add Menu

Theme General Options

In order to set theme general options go to Admin > Theme Options. You can set there logo, favicon, social media, contact and more.

NOTE! Click on the image to see the full size

Projects elements

Key elements allow you to easily populate your website with specific content.

Projects
Displays Projects.

Usage example: Highlight all Projects information. You can add Projects details for visitors.

Refer following image to add new Projects.

Theme Settings
Set all theme related settings here.

Usage example: Set body style, short code related information and much more.

Refer following image for global theme related settings/options.

Contact Form using Contact Form 7 plugin

Create your own contact form using Contact Form 7 plugin.

Contact Form
Create Contact form.

Usage example: Create contact form with required fields.

Refer following image to create contact form.

Display Contact Form
Set contact form shortcode in required pages.

Usage example: Set short code.

Refer following image to display contact form in page.

Create Pages using visual composer shortcodes

Create your own pages using visual composer.

Pages
Create your own page.

Usage example: Create your own page.

Refer following image to create page.