Hepta - Multipurpose
Business WordPress Theme

This document contains general information and step by step guidelines
on how to set up the theme.

Get started

Getting Started

Thank you for purchasing Hepta Business WordPress Theme. This documentation file covers all the information needed to install and use this theme. So before you get started, please check out these documentation files carefully.

If you will not understand anything in the documentation and about installing theme, please contact directly from our themeforest account. Our support team always read to help you quickly.

Please don't forget to give 5 stars rating and leave a nice review to Hepta. Your given rating and review help us for getting good sale. For doing so Simply log in into your Themeforest, go to Downloads section and click 5 stars next to the Hepta Business WordPress theme.


Installing the theme

In order to install the theme you need to have a WordPress copy already installed on your own server.

Below are some useful links for WordPress information:


Install the theme from WordPress or FTP

NOTE: Once you have downloaded the theme package from ThemeForest you must unzip it and upload only the inner zip file named hepta.zip.

Step by step instructions:

  1. Login to your WordPress site's administration area
  2. Navigate to Appearance > Themes > Add New > Upload theme
  3. Click on the "Add New" button, then click on the "Upload Theme" button and also check below image

  4. Install required plugins
  5. Upload the theme zip file named hepta.zip
  6. Click "Activate"

If this method fails we recommend uploading the theme via FTP. Open your FTP client, move to your WordPress installation path /wp-content/themes and upload the unziped hepta folder.

After the upload is complete navigate to Appearance > Themes and activate the theme.


Install the child theme

Main download folder includes a child theme. A WordPress child theme allows you to apply custom code changes to your site. Using a child theme ensures your customizations will not be overwritten, even if you update the parent theme.

You can same way install child thene as like parent theme. You will get child theme under main files and name is Hepta-child.zip


Install theme required plugins

After the theme is installed a message box will appear requesting you to install 8 required plugins:

Install required plugins

  • RS Addon Plugin - theme core plugin
  • Visual Composer - Premium content builder plugin
  • Slider Revolution - Premium slider plugin
  • Cl Testimonail Plugin - Premium plugin
  • Contact Form 7 - available for download with WordPress plugin repository
  • Mailchip For WP - plugin used for Newslellter subscription
  • Breadcumbs Trail - plugin used for breadcumbs
  • WordPress One Click Importer - plugin used for importing theme demo data

These plugins must be installed for the theme to work properly.


Plugins documentation and video tutorials

Visual Composer
Documentation: http://kb.wpbakery.com/
Video tutorials: https://vc.wpbakery.com/video-tutorials/

Revolution Slider
Documentation: https://www.themepunch.com/revslider-doc/slider-revolution-documentation/
Video tutorials: available on YouTube


Plugins licence

When you purchase a theme from ThemeForest that bundles Visual Composer and Revolution Slider, you are free to use these Premium plugins with the theme. However, your Hepta purchase does not give you individual Visual Composer and Revolution Slider licenses that allow you to activate or download these plugins as you wish. Activation doesn’t mean the plugin will not work but only that you cannot receive direct updates. Please don't worry if you see warning messages about the plugin license activation.

You can use these plugins with the Hepta theme and you are fully compliant with the Envato’s policy, but you cannot activate them as the owner (so don't try to use the Hepta purchase code to activate one of these plugins).

New plugin updates will be provided when we issue new theme updates. As soon as a new version is available for download, we will surely update the theme after we will fully test the plugins to make sure there are no bugs that will conflict with our own update. We will also fully test new theme versions before releasing them on ThemeForest.


Importing demo content

The fastest way to import our demo content is to use the Demo Content Importer. The Demo Content Importer provides you with all of Grassy’s pages and posts, sample sliders, widgets, theme options, assigned pages, and more. Using this import feature is recommended for fresh installs. The automatic import will NOT replace existing content however. We always recommend running it on a fresh WordPress installation.

  1. Make sure you have all the required plugins installed and activated.
  2. Navigate to Appearance > Import Demo Data .
  3. Then Click to Import Demo Data
  4. Wait until the import routine is done. Please be patient and don't navigate away, as this can take few minutes depending on your host's performance.
  5. You will be notified once the importing process is completed.
  1. Slider Setup

  2. Navigate to Slider Revolution and then you can easily import slider check image also
  3. Form Main files you will get slider folder. Under slider folder you get zip file and Import those zip files for slider.
  4. After Import Slider Now you can check result now

Note: The "Internal Pages" can be imported without affecting your content.

IMPORTANT: Importing demo content will overwrite all existing option values, please proceed with caution!


3rd Party Plugin Instal

If you need any third party plugin install in theme you should follow below steps:

  • Login to your WordPress site's administration area
  • Navigate to Plugins > Add New > Upload Plugins and check below image
  • This way you can add plugins when your need

Creating pages

For Make new page you can check below image:

  1. Create a separate page (as child of the master page - "Home") for each of the sections you would like to insert on the one page layout.
  2. The order of these sections is given by the "page order" attribute set for each page when created. Set the page order for each of these child pages (see screenshot below).

Page order meta box


Page Layout and Page Header Settings

  1. You can setup page layout under all pages

Page Meta Settings

On the bottom of each page there are meta settings boxes. Here you can configure the following:

Slider Metabox

Header Metabox

Page Metabox


Setting up the Post type for Portfolio, Team, Testimonial and Clients

  1. Navigate to Portfolio - Add New Portfolios


Same way you can add other elements under Team, Cl Testimonial, Clients section

Addon Settings Portfolio

Team Addon Settings

Setting up the menu

Navigate to Appearance > Menus and create your main menu. Inside the "Manage Locations" tab you can assign this menu as the Header Menu.

The theme features two menu locations: Header and Footer menu.

Menu items linking to section pages

To create a menu item linking to a section of the One Page template select Links from the left side panel and set the "URL" to #page-slug and "Link text" as the name of the menu item (eg. #about-us as URL and "About us" as Link text).

The left side panel box should look like this:

Section menu items

Menu items linking to stand alone pages

If you want to include a stand alone page menu item use the "Pages" tab, select desired page and click "add to menu".


Setting up the Mega Menu

To set up a mega menu make sure you follow the steps below:

1. Enable CSS classes

Scroll up and find the "Screen Options" at the top right of the Menu, and click on the drop-down arrow. The screen should look like this:

Menu CSS classes

2. Create a new menu item for the Mega Menu

Go back to your "Menus" section and scroll to the "Custom Links" section on the middle left. Change the "URL" to ""#"", and change the label to whatever you want in your menu.

Now click on "Add to Menu", and your custom menu item will appear on your main menu list.

Next, click on the drop-down arrow of the menu item icon, and when the screen opens up, find "CSS Classes" and type mega-menu.

Mega menu preview

3. Add child menu items to your mega menu item.

See screenshot below:

Mega menu child items


Contact Form Setup

Grassy wp theme comes with contat form 7 plugin. You can easily setup this form

After login admin Navigate to Contact and click add new and check below image

Mega menu child items

Then Save contact form you will get shordcode and you can add this shorcode any page post or widget Check image also


Theme Options

You can access the Theme Options panel by going to Navigate > Hepta Options. Theme various options are organized into vertical tabs on the left side.


General Sections

Logo - Main logo image
Favicon - Upload favicon image
Off Canvas - You can on/off off canvas here
Preloader - You can on/off preloader here Go to Top - You can on/off top to bottom scroll here



Header

- Show Top Bar - Choose to display top bar on/off
- Show Social Icon Header Section - Choose to display social icon on/off
- Add top phone number - You can add phone number here
- Add Phone pre text here - You can add pre text here
- Email Address - Add email address here
- Qutoe Button text and Qutoe button link can add here


Header Layout

You can assign header style here form any one out of four


Style

You can add here different section style for your theme. If you change primary color it will chnage your site all major color


Typography

Body font settings - Font Family (Google fonts), Font Weight & Style, Text Align, Font Size, Line Height, Font Color
Headings font settings - Font Family (Google fonts), Font Weight & Style, Text Align, Font Size, Line Height, Font Color


Bullet Styling

We have 3 style bullet if you want any one use you can check 3 format coding style here

						
						UL Style 1 For arrow
						============================================ -->
						<ul class="check-circle">
							<li>
								Test1 For Arrow
							</li> 
							<li>
							</li>
								Test2 For Arrow
							<li>
								Test3 For Arrow
							</li>
						</ul>
						
						
						UL Style 2 For Check
						============================================ -->
						<ul class="chec-arrow">
							<li>
								Test1 For Arrow
							</li> 
							<li>
							</li>
								Test2 For Arrow
							<li>
								Test3 For Arrow
							</li>
						</ul>
						

Blog

Blog Banner - Display a blog banner for blog main page
Blog Banner Title - Display a blog title on blog page
Display sidebar - Turn on/off blog sidebar
Display blog grid - You can assign here blog grid column as 2, 3, 4 column


Social Icon


404 Page

Page title - Default: 404
Text - Default: Page text can add here
Back to homepage button text - Default: Back to homepage
Background image - Upload a background image displayed as a cover and forced to full width


Upload Footer Logo - You can upload logo here
Social Icon - You can on/off social icon here
Copyright Text - Bottom footer copyright text
Footer Style - You can assign footer logo here.


Visual Composer

This section details the main elements and aspects of Grassy's unique application of the Visual Composer Page Builder. Discovering the different areas, icons and tools we have included will enable you to build beautiful pages quickly.

How to use the page builder

In this overview, you will find everything you need to know about Visual Composer page builder; starting with how the most commonly used interface elements work. Visual Composer has everything you need to manage content elements with a single click: add, edit, duplicate, remove or create element presets, etc. You can also find some interesting video tutorials with VC Video Academy here: https://vc.wpbakery.com/video-tutorials/

1) Add elements

RS Elements gives you instant access to 10 built-in content elements. Each element has been carefully crafted, and offers multiple options. Simply insert elements into your page, click on the Plus Icons, and you’ll see an overlay window containing all the available modules. Select the one you want, and it will be inserted onto the page.

2) Drag and drop elements

With the intuitive drag and drop interface you can quickly change your layout or reorder elements. Simply drag elements or modules using the Drag Arrows Icon.

3) Open Settings

You can modify rows, columns, and module presets in seconds, and build complex layouts without using a single line of code. Simply open the setting from the Pen Icons. This will open a different overlay window for every module category with your options organized in convenient tabs.

4) Copy, paste and clone elements

One way to make page building proceed more efficiently is to go to use the copy, paste and close functionalities.

5) Custom CSS code

If you need to insert custom CSS code for use in a single page only, you can easily do so. The custom code will be stamped only for the page in question, and will not appear in any other page. At the top right corner, you will see a Gear icon. Click on it to open a code editor window and insert your custom code.


RS theme Elements Overview

Our RS Theme Addons plugin gives you instant access to built in content elements. Our Elments we developed based of our theme.

Element list overview:


Support

Again Thanks for purchasing this theme. If you need any help or any questions, please contact directly from our themeforest account. Our support team always read to help you quickly.

Thanks!
RS Theme
Profile Link: https://themeforest.net/user/rs-theme
Email: support@rstheme.com
Skype: "rubrash" or "msojib.cs".