Helpgrove - Charity & Nonprofit WordPress Theme

If you have any questions, ideas or suggestions, please create ticket through our support channel. https://thepixelcurve.com/support/
Last Updated on: Jan 1, 2020

Theme Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. 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.

Once the theme is uploaded, you need to activate it. Go to Appearance -> Themes and activate your chosen theme.

Step by Step Getting Started Wizard

Required Plugins

After you activated the theme, you will get notiļ¬cation says about what plugins you need install.

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

  1. Helpgrove Core: Required and must install plugin.
  2. Elementor Page Builder: Required. Page builder plugin.
  3. One Click Demo Import: Required if you want to import demo contents. You can deactivate it after demo is imported.
  4. CMB2: Required for some theme options.
  5. Envato Market: Recommended. This plugin helps you automatic updates to your Themes & Plugins purchased through Envato Market.
  6. Ultimate Member: Optional. Install if you want custom registration page.
  7. WPForms: Optional. Install if you want to use contact form.

Importing Demo Contents

Want to build your site like the demo? You can do it by only one click!

** Note: Before proceeding, please remember that when you are done with the demo import, all existing settings and contents will be removed and replaced by the demo contents. So it is highly recommended that you should only do this in fresh site. **

In this page, Click on the Install button for installing the demo.

It will take some time for importing the demo contents.

After importing demo data, please update your permalink. To update permalink, navigate to Settings -> Permalink and then click on Publish button.

Theme Options

From Admin menu, navigate to Helpgrove -> Theme Options.

Choose your preferred primary and secondary color from the color palette.

After changing the settings, Click on Save Changes button.

General Settings

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to General tab.

Color

Choose your preferred primary and secondary color from the color palette.

Social Share

You can set up your social info which are displayed in Top Bar. To do this, navigate to Helpgrove -> Theme Options. Then go to General -> Social Share tab.

After changing the settings, Click on Publish button.

Preloader

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to General -> Preloader tab.

Here you can find the option for On/Off "Preloader" option.

After changing the settings, Click on Save Changes button.

Back to Top Arrow

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to General -> Back to Top tab.

Here you can find the option for On/Off "Back to Top Arrow" option.

After changing the settings, Click on Save Changes button.

Background Image

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to General -> Background Image tab.

Apply preferred "Background Image" to your background image option from here.

After changing the settings, Click on Save Changes button.

404 Error Page

Navigate to Helpgrove -> Theme Options. Then go to General -> 404 Page tab. Settings will look like this:

After changing the settings, Click on Save Changes button.

Main Header

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to Header -> Main Header tab.

  • You can choose your preferred header layout combinations from here.
  • You have options to On/Off Sticky Header.

After changing the settings, Click on Save Changes button.

Header Image

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to Header -> Header Image tab.

  • From here you can upload your main logo and sticky logo

After changing the settings, Click on Save Changes button.

Widgets

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to Widgets tab.

After your sidebar has been created, you can place this sidebar in any individual page.

Blog Page

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to Blog -> Blog Page tab.

From here you can change Blog list page related settings. You can change blog page sidebar position. And you can get Author Post Date, Category, Comment, Post view On/Off option from here

After changing the settings, Click on Save Changes button.

Blog Single

From Admin menu, navigate to Helpgrove -> Theme Options. Then go to Blog -> Blog Single tab.

From here you can change Blog Single page related settings. You can change blog single page sidebar position. And you can get Author Post Date, Category, Comment, Post view On/Off option from here

After changing the settings, Click on Save Changes button.

Elementor Elements

We have created several elementor elements for you. You can find them from Helpgrove Addons tab in the elementor

Built-in CSS Classes (Advanced)

You can use the following built-in css classes if needed:

  • helpgrove-from1: set contact from style

Setting up Contact Form

We are using plugin "WPForms" for contact functionality. You can see their documentation for better understanding.

If you don't want to go through all the troubles to check their documentation and just want to use the default contact form we provided with this theme, please at least set up the default emails in contact form settings. To do that, please follow the steps below:

Step 1: Navigate to Contact, and then click on Contact link.

Step 2: From this page, click on Mail tab. Here you should set your own email address where you want to receive user submitted forms. Then click on save button.

Step 3: Please submit some dummy forms from Contact page to make sure that it's working properly.

Optimize Website Loading Speed

If you want to make your website fast like the demo, here's some tricks:

  • Upgrading PHP version: If your current PHP version is less than 7, upgrade it to version 7+. If you don't know how to do it, ask your hosting provider to do it for you.
  • Use HTTPS/SSL: HTTPS has certain advantage regarding loading speed, besides Google recommends it for better SEO. Activate HTTPS in your website. If you don't know how to do it, get help from your hosting provider.
  • Optimize Images: Optimizing images means reducing the image size without losing quality. There are many online tools (For example: https://tinypng.com/) from where you can optimize images very easily. Please optimize images using these tools before uploading it into website.
  • Page Caching Plugin: Use a better page caching plugin. In our demo website, we are using "Autoptimize" and "Cache Enabler" plugin together. If you are going to use "Autoptimize", make sure to turn on the HTML, CSS and JavaScript optimization option.
  • Speed Testing Tool: Finally to measure the loading speed you can use the pingdom website here: https://tools.pingdom.com. Keep in mind that loading speed varies depending on which location you set in that website. To get the accurate result always choose the location same/nearby as your website server location.

Demo Content installation failed

This is a hosting issue. In most hostings demo installation will work fine. But some hostings block certain permissions which may cause this issue. If this happens to you, you can contact your hosting provider or alternatively send a support request to https://thepixelcurve.com/support/ and we will help you to fix this.

404 Error in all pages

If you face this type of issue, please update your permalink. To update permalink, navigate to Settings -> Permalink and then click on Publish button.

Contact

If you have any questions, ideas or suggestions, please create ticket through our support center.
https://thepixelcurve.com/support/