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
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:
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:
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.
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.
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.
If you are not an expert on customizing the WordPress child theme, you can skip this child theme part.
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:
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 -
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.
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.
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.
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.
Step 01: From Admin menu, navigate to Restore Options >> Logo tab.
Step 02: Next, from the Logo Type Option, click on the Image button.
Step 03: The Upload Logo option allows uploading a custom logo. Recommended icon size is 200x40 and file type in JPEG/PNG format.
Step 04: To align the logo perfectly in the header area, you can add custom values in Logo Margin & Logo Padding options.
Step 05: Finally, click Save Changes button to save the settings.
Step 01 From Admin menu, navigate to Restore Options >> Logo tab.
Step 02: Next, from the Logo Type Option, click on the Text button.
Step 03: The Logo Text option allows add a custom text logo. Additionally, you can set Font Family, Font Weight, Font Size and Font Color from the Logo Font option.
Step 04: To align the logo perfectly in the header area, you can add custom values in Logo Margin & Logo Padding options.
Step 05: Finally, click Save Changes button to save the settings.
Restore WordPress theme comes with a custom toolbar layout style.
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 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>
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.
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.
Step 01 From Admin menu, navigate to Restore Options >> Footer Content tab.
Step 02: You can set custom copyright text according to your requirement. You can also disable this copyright text section.
Step 03: Finally, click Save Changes button to save the settings.
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.
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.
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.
Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Footer 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.
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.
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.
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.
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.
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.
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.
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
4. Click on Add New Element to achieve a Row of Visual Composer
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
7. Here are the screenshot of Different Elements we used in the Home Page 1
8. Here are the screenshot of Different Elements we used in the Home Page 2
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
4. Click on Add New Element to achieve a Row of Visual Composer
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.
8. Go to Appearance->Menus from the admin side left panel and add this page to the menu
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
4. Click on Add New Element to achieve a Row of Visual Composer
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.
8. Go to Appearance->Menus from the admin side left panel and add this page to the menu
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
4. Click on Add New Element to achieve a Row of Visual Composer
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.
8. Go to Appearance->Menus from the admin side left panel and add this page to the menu
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)
3. Setup the Mail portion of the contact from (Ex: See the following screenshot)
4. Setup the Messages portion of the contact from (Ex: See the following screenshot)
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
9. Click on Add New Element to achieve a Row of Visual Composer
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
16. Go to Appearance->Menus from the admin side left panel and add this page to the menu
1. Click on Posts->Categories from the admin side left panel and create post Categories
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
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
5. Go to Appearance->Menus from the admin side left panel and add this page to the menu
6. Now you should see the Blog menu item with different blog layout in the front end
1. Go to "Seamless Donation > Settings" from the left panel and set the Notification and Paypal account email address to receive the fund.
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)
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
6. Go to Appearance->Menus from the admin side left panel and add this page to the menu
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
2. To add a WooCommerce category go to Products->Categories from the left panel and then add new product Category
3. To add a WooCommerce Products go to Products->Add Product from the left panel and then add new products under any Categories
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
Restore Theme comes with two menu location feature. One for Primary Menu and another for Footer Menu. Let's take a look on step by step settings of two menus.
Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.
Step 02 Next, click on Manage Locations tab to set primary menu. Select 'Menu Menu' from Assigned menu column and click Save Changes button.
Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.
Step 02 Next, click on Manage Locations tab to set footer menu. Select Footer Menu from Assigned menu column and click Save Changes button.
Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.
Step 02 Next, click on Manage Locations tab to set footer menu. Select Footer Menu from Assigned menu column and click Save Changes button.
Restore Theme comes with six widget areas. Two widget areas for Blog and Four for Footer.
Greenlife Theme comes with six month premium support directly from the developer.
"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.
Not sure about country and language code? Get your Country Code and Language code.
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.
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.
To update theme you can follow the steps-
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.
Upgrading to version 1.3.3
2023, August 21 - v 1.2.6
2023, January, 05 - v 1.2.5
2022, May, 24 - v 1.2.4
2021, December, 31 - v 1.2.3
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
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: