Helpgrove - Charity & Nonprofit WordPress Theme
Last Updated on: December 1, 2024
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.
- Helpgrove Core: Required and must install plugin.
- Elementor Page Builder: Required. Page builder plugin.
- One Click Demo Import: Required if you want to import demo contents. You can deactivate it after demo is imported.
- CMB2: Required for some theme options.
- Envato Market: Recommended. This plugin helps you automatic updates to your Themes & Plugins purchased through Envato Market.
- Ultimate Member: Optional. Install if you want custom registration page.
- 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.
Logo & Site Title
From Admin menu, navigate to Helpgrove -> Theme Options. Then go to General -> Logo tab.
From here you can upload your main logo and sticky logo. Sticky logo will be used when "Transparent header" is enabled.
Also, you can change site title and tagline
From here you can upload your site favicon in the site icon area. Favicon is the little icon which you see at the address bar of your browser.
After changing the settings, Click on Publish button.
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.
Breadcrumb
From Admin menu, navigate to Helpgrove -> Theme Options. Then go to General -> Breadcrumb tab.
Here you can find the option for On/Off "Breadcrumb" 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.
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
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.
Changelog
13/Sep/2023 - V(3.2.1)
Fix: Compatible with latest version elementor
========
4/July/2023 - V(3.2.0)
Fix: Slick carousal dot icon wrong text showing issue
========
23/Jan/2023 - V(3.1.9)
New: Added GiveWP video and gallery image in details page
Fix: Top header social icon URL not working issue
========
23/Jan/2022 - V(3.1.3)
Fix: Color issue on 404 not found page
Fix: Color and Typography issue on event section
========
25/12/2021 - V(3.1.2)
Added: Menu and Sub menu font control options
========
06/11/2021 - V(3.0.9)
Fix: Event single page widget area
Fix: CSS issue on events single page ul li list
========
04/27/2021 - V(3.0.7)
Updated: Removed elementor deperacated function and compatible with latest version elemenotr
Fix: CSS issue on events single page related shocrcode course
========
04/24/2021 - V(3.0.5)
Fix: Minor CSS issue on events single page
========
04/16/2021 - V(3.0.4)
Fix: Minor CSS issue on shop single page
Fix: Top header Become a Volunteer button link bug fixed
========
02/11/2021 - V(3.0.2)
Updated: Compatible with Latest version elementor page builder
Fix: Slider, Team, Testimonial widgets elementor builder mode broken issue
========
01/26/2021 - V(3.0.1)
Fix: Some minor CSS style issue
========
01/26/2021 - V(3.0.0)
Fix: Event page translate issue
Fix: Some CSS style on events list and details pages
========
01/23/2021 - V(2.0.9)
Fix: Some CSS style on Events pages
========
01/18/2021 - V(2.0.8)
Fix: Feature Post widget title issue
========
01/17/2021 - V(2.0.7)
Fix: GiveWP donation details page style issue
========
01/15/2021 - V(2.0.6)
Fix: Header text color issue
========
12/30/2021 - V(2.0.5)
Updated: Header settings option
========
12/14/2020 - V(2.0.4)
Updated: Compatible with WordPress 5.6
Fix: Horizontal scroll bar issue with latest version Elementor page builder
========
12/08/2020 - V(2.0.3)
- Added: Header Logo top space control option
========
12/06/2020 - V(2.0.2)
- Added: Header menu and donate button top space control option
- Fix: Top header section icon color change issue
========
12/01/2020 - V(2.0.1)
- Added: Donate button show/hide option on mobile device
========
11/16/2020 - V(2.0.0)
- Fix: Section Here element button issue
========
10/29/2020 - V(1.0.9)
- Fix: Fix some CSS styling issue
- Updated: Dummy data files
========
10/22/2020 - V(1.0.8)
- Added: Custom give donation archive page title change option
- Updated: Theme color settings options
- Updated: Latest version elementor plugin with update dummy content
========
10/13/2020 - V(1.0.7)
- Improved: Theme typography settings
- Updated: Latest veSearching 132 files for "3.2.0"
- Initial Release
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.