Theme's General Information

First of all, thanks a lot for purchasing our theme. We hope you will like the WordPress theme, and it would be great if you can spare a minute to rate it. Finally, If you need any support regarding our theme, please feel free to contact us via our profile page https://themeforest.net/user/essentialwebapps#contact

Requirements

You need at least WordPress version 4.7+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of WordPress to ensure all known bugs and security issues are fixed. Other requirements:

  • PHP version 5.3 or greater.
  • MySQL version 5.0.15 or greater.

Theme Installation

To install a theme, you must first upload the theme files and then activate the theme. The theme files can be uploaded in two ways:

  • FTP Upload: Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  • WordPress Upload: Navigate to Appearance >> Themes >> Add New >> Upload. Go to browse, and select the zipped theme folder. Hit "Install Now" and the theme will be uploaded and installed.

Step 01: Go to WP admin dashboard and click on Appearence >> Themes >> Add New.

Step 02: Click on Upload Theme.

Step 03: Browse the file wish.zip which you'll have from the download and click on Install Now .

Step 04: Activate the theme.

Step 05: Click on Begin Installing Plugins link.

Please install and activate the following pre-packaged plugins:

  • One Click Demo Import. (Required, but you can deactivate it after import demo data).
  • WPBakery Page Builder(Visual Composer). (Required)
  • Redux Framework. (Required)
  • Greenlife VC Addons. (Required).
  • Cause Manager. (Required).
  • Custom Events Calendar Shortcode. (Required).
  • Seamless Donations. (Required).
  • BWL News Manager. (Required).
  • Contact Form 7.(Required)
  • Mailchimp For Wp. (Required)
  • Woocommerce. (Optional, If you want to run a shop install and activate it).
  • Widget Importer & Exporter. (Required, but you can deactivate it after import demo data).
  • WordPress Importer. (Required, but you can deactivate it after import demo data).

N.B: All plugins must be installed and activated if you want your site to look exactly like demo.

Step 06: Select the plugins to Install and click Apply.

Step 07: After install the plugin click on Return to Required Plugins Installer.

Step 08: Select the plugin to Activate and click Apply.

Step 09: After active the plugin click on Return to the Dashboard.

Child Theme Installation

The Installation process of a child theme is similar to the parent WordPress theme. Please note that the A Child theme is often used by the developers who want to override/extend a theme's features or functionalities without changing the parent theme's codes. You will get the child theme zip file inside the theme package.

Output:

If you are not an expert on customizing the WordPress child theme, you can skip this child theme part.

Import Demo Data

Usually, creating a website from the beginning is a time-consuming and challenging process. The theme comes with the most popular 'One Click Demo Installation' feature, which allows you to get the site ready precisely like the theme demo within a few minutes.

Few Important Notes:

  • Make sure that Greenlife Parent Theme has been installed and activated in your site.
  • You're previous data and settings may be removed/modified after importing demo data. So, we highly recommend to import demo data in a fresh WordPress site.
  • It may be take bit long time to import all the images and data from our server. So, please keep patience while importing process is running in your site. In general case, It will not take more than 3-5 Min.
  • You can deactivate One Click Demo Import plugin after completing import task.

Please follow the steps -

Step 01: Make sure you have installed and activated One Click Demo Import plugin.

Step 02: Go to Appearance >> Import Demo Data page.

Step 03: Click Import Demo Data button. It will take few min to complete import process. So, keep patience until import process completed successfully.

Step 04: Once completed import process successfully, you will get following success message.

Step 05: Check Result -

Theme Options Panel

Greenlife comes with a significant amount of options to customize the theme layouts. Go to the Restore Options from the left panel. You will get all the premium options to customize the theme according to your specifications.

Setup Favicon

Step 01: From WP admin menu, navigate to Restore Options >> General tab.

Step 02: The Favicon option allows uploading a custom favicon for the site. Recommended icon size is 64x64 and file type in PNG format.

Step 03: Finally, click Save Changes button to save the settings.

Output:

doc_img

Customize Pre Load Screen

Step 01: From WP admin menu, navigate to Restore Options >> General tab.

Step 02: Next, If you want to disable the Pre-loading screen, turn ON the Disable Preloader? option.

Step 03: The Pre Loading Icon option allows uploading a custom icon for the Pre loading screen. Recommended icon size is 64x64 and file type in GIF format.

Step 04: From the Preloader Background option, set the custom background color of the preloading screen.
Default: #FFFFFF

Step 05: Finally, click Save Changes button to save the settings.

Output:

doc_img

Customize Back To Top Button

Step 01: From WP admin menu, navigate to Restore Options >> General tab.

Step 02: Next, If you want to remove/disable the Back To Top button, turn ON the Disable Back To Top? option.

Step 03: From the Back To Top Button Background option, set the custom background color of the button.
Default: #F69323

Step 04: Finally, click Save Changes button to save the settings.

Output:

doc_img

Header Content

Restore WordPress theme comes with a custom toolbar layout style.

Toolbar

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Toolbar tab.

Step 02: You can enable/disable toolbar. You can also customize toolbar color, font size, texts and set padding according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Toolbar Sample HTML Code

Toolbar Left Content:

<span class="margin-right20">
<i class="fa fa-phone-square"></i> (+01) 284-5321-5831
</span>
<a href="mailto:info@restore.org">
<i class="fa fa-paper-plane"></i> info@restore.org
</a>

Toolbar Right Content:

<i class="fa fa-map-marker"></i> 504 Syl Avenue, Sylhet 1214, Finland
<span class="margin-right20">
<i class="fa fa-phone-square"></i> (+01) 284-5321-5831
</span>
<a href="mailto:info@restore.org">
<i class="fa fa-paper-plane"></i> info@restore.org
</a>

Output:

doc_img

Customize Menu/Navigation Color

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Navbar tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

doc_img

Header Middle & Right Content

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Header Middle & Right Content tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

doc_img

Social Icons

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Social Icons tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

doc_img

Setup theme Typography, background, Heading & Sidebar(Widget) styles

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Body Styling tab.

Step 02: You can set body background, fonts, text size, link colors according to your requirements. Also, you can manage heading(h1,h2,h3,h4,h5,h6) color and font size. You can set theme sidebar(widget) background and fonts from body styling section.

Step 03: Finally, click Save Changes button to save the settings.

Header Styling

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Header Styling tab.

Step 02: You can enable/disable sticky header option from here. Also, set custom font and background color of default header and after sticky position font and background color.

Step 03: Finally, click Save Changes button to save the settings.

Output:

doc_img

Bottom Widget Area Styling

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Bottom Styling tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

doc_img

Header Style 1

Step 01 From Admin menu, navigate to Restore Options >> Customize Headers >> Header Style 1 tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Header Style 2

Step 01 From Admin menu, navigate to Restore Options >> Customize Headers >> Header Style 2 tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Blog Settings

Step 01 From Admin menu, navigate to Restore Options >> Blog Settings tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Global Color

Step 01 From Admin menu, navigate to Restore Options >> WPBakery Elements >> Global Color tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Section Headline

Step 01 From Admin menu, navigate to Restore Options >> WPBakery Elements >> Section Headline tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Setup Page Content

Check the different part creation/editing process (Home, Pages- About Us, Contact Us Etc.)

The following part of the documentation consider that you already read (if not then it is strongly recommend that you read them first) the documentation of Visual Composer. It is available in the documentation folder and can able to use drag n drop page builder etc.

Home Page

1. Go to "Pages > Add New" from the left panel.

2. Input the title "Home" of the page. From the right side Page Attribute, select Homepage Header1/Homepage Custom Bottom from the Template selection dropdown. From The right side Greenlife Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "Visual Composer Page" to "Yes" .

Note: To select the Custom Header for any One Pages, just go to any page and then in the right side Page Attributes set the Template to One Page Header1 or One Page Header2, from the dropdown

. You can edit the Header Styling by going to Greenlife Options -> Styling Options -> Header Styling. And to edit Custom Header Styling just go to Greenlife Options -> Styling Options -> Custom Headers -> Header Style 1 or Greenlife Options -> Styling Options -> Custom Headers -> Header Style 2 and to change the Navbar styling you need to go toGreenlife Options -> Header -> Navbar.

3. Click on Backend Editor and achieve Classic Mode to achieve Visual Composer drag n drop process

doc_img

4. Click on Add New Element to achieve a Row of Visual Composer

doc_img

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. In the One Page's different Row's we added different VC ElementsWiz Button, Wiz Heading, Wiz Highlights, Wiz Slider, Wiz Team, Wiz Testimonial etc, you can also add different Visual Composer elements as well in other different Row's according to your needs

doc_img
doc_img

7. Here are the screenshot of Different Elements we used in the Home Page 1

doc_img

8. Here are the screenshot of Different Elements we used in the Home Page 2

doc_img

About Us

1. Go to "Pages > Add New" from the left panel.

2. Input the title "About Us" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Greenlife Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "Visual Composer Page" to "Yes"

3. Click on Backend Editor to achieve Visual Composer drag n drop process

doc_img

4. Click on Add New Element to achieve a Row of Visual Composer

doc_img

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. We add Visual Composer Elements to achieve the about page layout, you should see Visual Composer in the Documentation Folder

7. Here are the screenshot of Different Elements we used in the About Us page.

doc_img

8. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Services

1. Go to "Pages > Add New" from the left panel.

2. Input the title "Services" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Greenlife Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "Visual Composer Page" to "Yes"

3. Click on Backend Editor to achieve Visual Composer drag n drop process

doc_img

4. Click on Add New Element to achieve a Row of Visual Composer

doc_img

5. Inside the Row you can add different elements by drag n drop Visual Composer

6. We add Visual Composer Elements to achieve the about page layout, you should see Visual Composer in the Documentation Folder

7. Here are the screenshot of Different Elements we used in the Services page.

doc_img

8. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Contact

1. Go to "Contact > Add New" from the left panel.

2. Input the title "Contact form 1" of the Contact Form and Setup the From portion of the contact from(Ex: See the following screenshot)

doc_img

3. Setup the Mail portion of the contact from (Ex: See the following screenshot)

doc_img

4. Setup the Messages portion of the contact from (Ex: See the following screenshot)

doc_img

5. Click Save to save the Form and you'll get a form short code which we'll paste in a page to achieve the form output

6. Go to "Pages > Add New" from the left panel.

7. Input the title "Contact 1" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Greenlife Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Hide", "Post Meta Display" to "Hide", "Visual Composer Page" to "Yes"

8. Click on Backend Editor to achieve Visual Composer drag n drop process

doc_img

9. Click on Add New Element to achieve a Row of Visual Composer

doc_img

10. Inside the Row you can add different elements by drag n drop Visual Composer

11. We add Visual Composer Google Map, Info Box and Text Block Elements for this page.

12. You should see the Visual ComposerDocumentation Folder

13. Setup the Google Map Elements Latitude and longitude to achieve the map.

14. Paste the short code into the Text Block (Ex: like following you'll have a short code)

       [contact-form-7 id="75" title="Contact form 1"]
                                    

15. Here are the screenshot of Different Block Elements we used in the Contact 1 page

doc_img

16. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Blog

1. Click on Posts->Categories from the admin side left panel and create post Categories

doc_img

2. Click on Posts->Add New from the admin side left panel and create post under the Categories. Set the right side Greenlife Metabox according to your needs for single post view

doc_img

3. Click on Pages->Add New from the admin side left panel and input Page Title

4. In the right side Page Attributes set the Template to Blog Both Sidebar, Blog Full Width, Blog Left Sidebar, Blog Right Sidebar, Blog Sidebars in Left or Blog Sidebars in Right, whatever layout you want from the dropdown

doc_img

5. Go to Appearance->Menus from the admin side left panel and add this page to the menu

doc_img

6. Now you should see the Blog menu item with different blog layout in the front end

Donation

1. Go to "Seamless Donation > Settings" from the left panel and set the Notification and Paypal account email address to receive the fund.

doc_img

Set the advanced Form Option, Check the Funds, Doners, set the Thank you Page, Thank you email etc by clicking from the left panel (See the screenshots)

doc_img
doc_img
doc_img

2. Go to "Pages > Add New" from the left panel.

3. Input the title "Donate Us" of the page. From The right side Greenlife Metabox select "Post Sidebar Display" to "Without Sidebar", "Post Thumbnail Display" to "Hide", "Post Title Display" to "Show", "Post Meta Display" to "Hide", "Visual Composer Page" to "No"

4. Paste the Example code into the editor

     [seamless-donations]
                                    

5. Here are the admin screenshot of Donate Us page

doc_img

6. Go to Appearance->Menus from the admin side left panel and add this page to the menu

Store

1. After installing the WooCommerce plugin during the theme installation you'll have all the pages (Cart, Store, My Account, Checkout) related to WooCommerce in the left panel Appearnce->Menu section. Going to left panel Appearnce->Menu add these item to the main menu

doc_img

2. To add a WooCommerce category go to Products->Categories from the left panel and then add new product Category

doc_img

3. To add a WooCommerce Products go to Products->Add Product from the left panel and then add new products under any Categories

doc_img

4. Now you should see all the added new products in the front end Store/Shop Page

5. if you want to use WooCommerce as an advance user then refer this link WooCommerce Docs , you'll have all the things as an advance use

Widget Settings

Restore Theme comes with six widget areas. Two widget areas for Blog and Four for Footer.

Blog (Sidebar Right) Widget

Output:

Blog (Sidebar Left) Widget

Output:

WooCommerce Widget

Output:

Support & Miscellaneous

Greenlife Theme comes with six month premium support directly from the developer.

Theme Translation

"Greenlife" WordPress theme offers cool translation feature. So, beside the English you can easily translate the theme text for other languages as well. Check following steps to translate "Greenlife" WordPress theme.

Step 01: To translate the theme texts, please download and install Poedit software in your computer. Here goes the download link- https://poedit.net/download

Step 02: Next, navigate to /wp-content/themes/greenlife/languages/. You will get a file named 'greenlife.pot'.

Step 03: For example, we want to translate our theme text in to Dutch language. So, copy 'greenlife.pot' file and rename it to 'de_De.pot'

Step 04: Now, open that newly created 'de_De.pot' file using Poedit software. You will get all the theme texts in there and you just need to add appropriate translated text in Translation box.

Step 05: Finally, save the file and you'll get 'de_De.mo' file inside languages folder.

Note:

Not sure about country and language code? Get your Country Code and Language code.

Check Video Tutorial

FAQ/Troubleshoot

Question. "The package could not be installed. The theme is missing the style.css stylesheet.". How to fix?

Solution: You may try to upload complete zip file downloaded from themeforest. Unzip you're downloaded file and you'll get 'greenlife.zip' file. Only upload 'greenlife.zip' file. Issue will be solved.


Question. When I attempt to install it, I received the "Are you sure you want to do this?" error message. How to fix?

Solution: It's a server execution time related issue. You can contact with your host provider to increase script execution time. There are two ways you can fix that issue.

  • Way 01: Unzip theme folder & files. Then using FTP upload it in wp-content/themes folder.
  • Way 02: You'll find 'plugins' folder inside 'greenlife' theme. Which contain all the required plugins. Just bring it out from 'greenlife' theme folder then zip the theme folder and upload it like regular WP theme.

Question. How to get visual composer updated version?

Solution: Just send us a message via support page link. You'll send you updated version download link.
https://themeforest.net/item/greenlife-nature-environmental-wp-theme/19354034/support/contact


Question. Can not able to install demo data? What should I do now?

Solution: It may be server related issue. You can contact with your hosting provider or contact with us via support page. We'll be happy to assist you.


Question. Getting 404 after import data? What should I do?

Solution: You need to flush your permalink settings. To do this Go to WP Admin Panel >> Settings >> Permalinks . Then click "Save" button. Now, check you're pages. Hope issue will be solved.


Question. How Can I upgrade theme?

Solution: Check this link.

Upgrade Notes

To update theme you can follow the steps-

  • Download Easy Theme and Plugin Upgrades plugin and install it in your site.
  • Choose the theme file (e.g., greenlife.zip) and click Install Now button.
  • It will automatically install the new theme and backup the old theme and give you a link to download the backup.
  • Make sure that your theme is active.

Before updating the theme, we recommend you to make backup of your modified files. Also deactivate the current version before uploading the new theme file.

We have used Senior Care WordPress theme to demonstrate the upgrade process. You can follow the same steps to upgrade this theme.

Check Video Tutorial

Upgrading to version 1.3.3

  • Replace all files and directories in your themes/greenlife folder.

Change Log

2023, August 21 - v 1.2.6

  • - Updated: WPBakery Page Builder to 7.0
  • - Updated: Wizard WPBakery Page Builder Addons to 1.2.3
  • - Updated: Fixed the translation issue of 404 page.
  • - Updated: Theme compatibility with the latest WordPress version.
  • - Updated: Theme language/translation file.
  • - Updated: Theme documentation.

2023, January, 05 - v 1.2.5

  • - Updated: Woocommerce product-searchform.php template
  • - Updated: Theme for WP version 6.1.1
  • - Updated: WPBakery Page Builder to 6.10.0
  • - Updated: Theme options panel.
  • - Updated: Theme language/translation file.
  • - Updated: Theme documentation.

2022, May, 24 - v 1.2.4

  • - Updated: WPBakery Page Builder to 6.9.0
  • - Updated: Theme Options Panel.
  • - Updated: Theme language/translation file.
  • - Updated: Theme documentation.

2021, December, 31 - v 1.2.3

  • - Updated: WPBakery Page Builder to 6.8.0
  • - Updated: Theme Options Panel.
  • - Updated: Theme language/translation file.
  • - Updated: Theme documentation.

2021, July, 25 - v 1.2.2
- Updated: WPBakery Page Builder to 6.7.0
- Updated: Theme Options Panel.
- Updated: Theme language/translation file.
- Updated: Theme documentation.

2021, March, 16 - v 1.2.1
- Updated: WPBakery Page Builder to 6.6.0
- Updated: Wizard WPBakery Page Builder Addons to 1.2.1
- Updated: Theme Options Panel.
- Updated: Theme documentation.

2021, January, 25 - v 1.2.0
- Updated: WPBakery Page Builder to 6.5.0
- Updated: Wizard WPBakery Page Builder Addons to 1.2.0
- Updated: BWL Cause Manager to 1.0.1
- Updated: Theme Options Panel.
- Updated: Theme documentation.

2020, December, 02 - v 1.1.9
- Updated: WPBakery Page Builder to 6.4.2
- Updated: Wizard WPBakery Page Builder Addons to 1.1.9
- Updated: Theme Options Panel.
- Updated: Theme documentation.

2020, October, 02 - v 1.1.8
- Updated: WPBakery Page Builder to 6.4.1
- Updated: Wizard WPBakery Page Builder Addons to 1.1.8
- Updated: Theme Options Panel.
- Updated: Theme documentation.

2020, May, 02 - v 1.1.7
- Updated: WPBakery Page Builder to 6.2
- Updated: Wizard WPBakery Page Builder Addons to 1.1.4
- Updated: WooCommerce single product page featured image zoom issue.
- Added: Font-Awesome 5 Support.
- Updated: Theme Options Panel.
- Updated: Theme documentation.

2020, January, 25 - v 1.1.6
- Updated: WPBakery Page Builder to 6.1
- Updated: Theme Options Panel.
- Updated: Theme documentation.

2019, August, 20 - v 1.1.5
- Updated: WPBakery Page Builder to 6.0.5
- Updated: Wizard VC Addons to 1.1.5
- Updated: Theme Options Panel.
- Fixed: Back To Top button issue for mobile device.
- Fixed: responsive layout for mobile device.
- Fixed: RTL Layout Issues.
- Updated: Theme documentation.

2019, May, 14 - v 1.1.3
- Updated: WPBakery Page Builder to 6.0.2
- Updated: theme Wizard - VC Addons.
- Updated: Theme documentation.

2019, May, 14 - v 1.1.3
- Fixed: Slider Button Issue In Mobile Screen.
- Fixed: Menu Issue In Tablet Screen.
- Fixed: Toolbar Display In Mobile Screen.
- Updated: theme Wizard - VC Addons.
- Updated: Theme documentation.

2019, February, 16 - v 1.1.2
- Updated: WPBakery Page Builder to 5.7
- Updated: Theme Options Panel.
- Updated: theme Wizard - VC Addons.
- Updated: Child theme.
- Updated: Theme documentation.

2019, January, 31 - v 1.1.1
- Added: Pre-loader customization feature in option Panel.
- Added: back to top customization feature in option Panel.
- Updated: theme Wizard - VC Addons.
- Updated: Child theme.
- Updated: Theme documentation.

2018, August, 21 - v 1.0.0
- Initial release

Sources and Credits

  1. jQuery Plugin
  2. Font Awesome

Our Themes & Templates

WordPress Themes

    WordPress Plugins

      HTML5 Themes

        Back To Top