Greenlife WordPress Theme Documentation

Check out this installation video and more from the written documentation.

Greenlife - Nature & Environmental WP Theme

If you like this theme, please spare a minute to rate it. If you want any support, Please feel free to contact us via our support page HERE

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.

doc_img

Step 02: Click on Upload Theme.

doc_img

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

doc_img

Step 04: Activate the theme.

doc_img

Step 05: Click on Begin Installing Plugins link.

doc_img

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.

doc_img

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

doc_img

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

doc_img

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

doc_img

Greenlife Options (Theme Options)

1. This theme comes with lots of admin options, Go to Greenlife Options from the left panel and you’ll see all the cool things you’ll have to customize to suite your needs

demo

2. I strongly recommend you to see this video Theme Options tutorial to understand theme options

Adding 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

demo

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

demo

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

demo

demo

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

demo

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

demo

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

demo

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

demo

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.

demo

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

Gallery

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

2. Input the title “Gallery” 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

demo

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

demo

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

6. We add Visual Composer Elements – Wiz Gallery 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 Gallery page.

demo

8. 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

demo

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

demo

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

demo

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

demo

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.

demo

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)

demo
demo
demo

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

  1. [seamless-donations

5. Here are the admin screenshot of Donate Us page

demo

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

demo

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

demo

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

demo

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

Translate Theme

“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. The 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. We’ll send you updated version download link.
Support Page Link

 

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.

Upgrading from 1.1.6 to 1.1.7

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

Change Log

2020, December 06 – v 1.1.9
– Updated WPBakery Page Builder to 6.4.2
– Updated Wizard WPBakery Page Builder Addons to 1.1.9
– Updated Theme Option Panel.
– Update Documentation.

2020, October 08 – v 1.1.8
– Updated WPBakery Page Builder to 6.4.1
– Updated Wizard WPBakery Page Builder Addons to 1.1.8
– Updated Theme Option Panel.
– Update 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.
– Update Documentation.

2020, January, 25 – v 1.1.6
– Updated WPBakery Page Builder to 6.1
– Updated Theme Option Panel.
– Update 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 Option Panel.
– Fixed Back To Top button issue for mobile device.
– Improved responsive layout for mobile device.
– Fixed RTL Layout Issues.
– Update Documentation.

2019, May, 14 – v 1.1.3
– Updated WPBakery Page Builder to 6.0.2
– Update theme Wizard – VC Addons.
– Update 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.
– Update theme Wizard – VC Addons.
– Update Documentation.

2019, February, 16 – v 1.1.2
– Updated WPBakery Page Builder to 5.7
– Updated Theme Option Panel.
– Update theme Wizard – VC Addons.
– Update Child theme.
– Update 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.
– Update theme Wizard – VC Addons.
– Update Child theme.
– Update Documentation.

= v20181225-1.1.0 = 25.12.2018
– Updated all the free/premium plugins to the latest versions.
– Fixed child theme compatibility issue with Wizard VC Addon.
– Updated Documentation.

= v20180922-1.0.9 = 22.09.2018
– Updated all the free/premium plugins to the latest versions.
– Fixed child theme compatibility issue with Wizard VC Addon.
– Fixed Menu Issue.
– Updated Documentation.

= v20180906-1.0.8 = 06.09.2018
– Updated all the free/premium plugins to the latest versions.
– Fixed child theme compatibility issue with Wizard VC Addon.
– Updated Documentation.

= v1.0 = 1.26.2017
– Initial Release

= v1.1 = 2.15.2017
– Fixed minor CSS in the Blog page

= v1.2 = 2.24.2017
– Fixed slider button on/off issue

= v1.3 = 3.23.2017
– Fixed Child Theme issue
– Fixed hyper-link issue of the Highlights boxes

= v1.4 = 04.06.2017
– Fixed child theme conflict with VC addon
– Updates all the free/premium plugins to latest versions
– Updates WordPress to 4.7.3

= v2018.10.01 = 01.10.2018
– Updated all the free/premium plugins to the latest versions
– Updated child theme to give the option for color change

= v20180428-1.0.6 = 05.01.2018
– Updated all the free/premium plugins to the latest versions
– Added one-click demo install

= v20180428-1.0.7 = 05.06.2018
– Updated all the free/premium plugins to the latest versions
– Added one-click demo install

Sources and Credits

ENOUGH CONVINCED?
You don't need to worry about our dedicated support

Hooray! 🎉 Our Ultimate Figma Mega Course is live for you!

X