1.Introduction

We would like to thank you for choosing Charity-wp theme. Built by the latest version of WordPress and using powerfull plugins, Charity-wp theme promises to bring to new experiences for users to create an awsome WordPress websites. Now let’s jump to the theme presentation.

1.1.Requirements

There are system requirements in order to install and setup Charity-wp theme and its components properly. Make sure that you are running the latest version of WordPress, PHP version 7.0 or higher and MySQL version 5.7 or higher. We also recommend the following PHP configuration limits:

Recommended PHP configuration limits

  • upload_max_filesize = 32M
  • post_max_size = 32M
  • max_execution_time = 300
  • max_input_time = 300
  • memory_limit = 256M

Please contact your server provider to verify your current PHP limits and have them set it up again if needed.

Note: Once you successfully install and activate Charity-wp theme, Charity-wp Dashboard will be added to your WordPress menu. You can verify those requirements under Charity-wp > System Status

 

1.2.What's Included

After purchasing Charity-wp theme on themeforest with your Envato account, go to your Download page. You can choose to download Charity-wp theme only (Installable WordPress file only) or the entire Charity-wp theme package which contains the following files:

  • Charity-wp theme: An installable WordPress theme zip file.
  • Documentation: A link to this documentation.

 

2.Video Tutorial

3.Installation

You can install Charity-wp theme via 2 ways: Via WordPress or via FTP

3.1.Via WordPress

Follow these steps below to install Charity-wp theme via WordPress:

Step 1. Visit Dashboard > Appearance > Themes > Add New.

Step 2. Click Upload Theme.

Step 3. Browse Charity-wp.zip file on your computer and click Install Now.

Step 4. Activate Charity-wp theme.

Step 5. Install and activate Thim Core plugin of Charity-wp that required for importing demo data.

3.2.Via FTP

Follow these steps below to install Charity-wp theme via FTP:

Step 1. Login your FTP account via FTP software to access your host web server.

Step 2. Extract Charity-wp.zip file.

Step 3. Upload the extracted folder Charity-wp to wp-content/themes folder.

Step 4. Activate Charity-wp theme in Dashboard > Appearance > Themes.

Step 5. Enable Thim Core to activate the core of Charity-wp and start importing demo data process.

3.3.Install plugins and import demo

After the theme successfully installed and activated, you will see the Charity-wp theme dashboard with our welcome message. Click ‘Next step’ and follow the instructions to set up your site:

Step 1. Name your website and set the description.

Step 2. Log into your Envato account to be able to download the required plugins for the theme. You must not skip this step

Step 3. Install and activate required and recommended plugins for the theme.

There will be times that some of the plugins fail to install due to internet loss and you will see the error message ‘You can try again later’. Simply choose the plugins and click install and activate again

Step 4. Choose a demo and import into your site

You can also import any specific pages from the demo. Please go to our support forum and we will send you the file of those pages and the guide of how to import.

4.Customization

4.1.General

This is for customizing Logo, Custom Css.

Logo: Change Logo / Sticky Logo / Mobile Logo / Logo Width / Site Icon for Site

 

 

 

 

 

 

 

 

 

 

 

 

Custom CSS: In case you want to add new CSS class to style your site easily, add it in this text box. This will overwrite the theme CSS, so please be careful!

4.2.Header

This is for customizing Setting Header, Top Bar, Main menu, Sub Menu and Sticky Menu.

Header Setting: customizing Header Styles, Header Overlay, Background Color, Header Text Color, Header Hover Color, Heading Font, Header Sidebar Width, Line Horizontal Settings.

Sticky Menu: customizing Background Color, Text/Link Color and Text/Link Hover Color.

Main menu: customizing Background Color, Text/ Hover Color and Fonts.

Sub Menu: customizing Background Color, Text/ Hover Color and Fonts.

Tool Bar: customizing Background Color, Text/Link Color and Text/Link Hover Color.

Mobile menu: customizing Background Color, Text/ Link/ Hover Color and Fonts.

4.3.Styling

This is for customizing Background/ Text Color, Pattern, Layout.

Background and Text Color:

 

 

 

 

 

 

 

 

 

Layout:

 

 

 

 

 

 

 

 

 

Pattern:

4.4.Display

This is for customizing Post Page, Blog Archive, Page, Single Post, Sharing Post, Loading, Page 404.

Post page: customizing layout, top image of archive post.

Blog Archive: cutomizing number column, top image , show/hide date on blog page.

Page: customizing layout, top image of normal page.

Single Post: customizing layout, top image. Show/hide date, author, category, comment, single related show of single post. Number of single related post, number column on single post.

Sharing Post: customizing to share single post on social links.

Loading: customizing to show loading, background color of loading, loading logo.

Page 404: customizing top image, content image, content text of 404 page.

4.5.Typography

This is for customizing typography to all site.

All typography options are located within their specific Customize panel. For example, if you’d like to customize your main menu typography settings, then you would find those options in the Dashboard >> Appearance >> Customize >> Header >> Main Menu tab. If you don’t find the typography settings for a specific feature, it may be because it’s been combined into a header typography option in Dashboard >> Appearance >> Customize >> Typography.

1. Body Typography Options: To customize the Body Font, navigate to the Appearance >> Customize >> General >> Typography >> Body Typography tab where all the Body Typography options such as font family, weight, size, etc. are found.

2. H1 – H6 and Post Title Typography Options: To customize the Headers and Post Titles Font, navigate to the Appearance >> Customize >> General >> Typography >> Heading tab where all the Headers and Post Titles Typography options such as font family, weight, size, etc. are found.

3. Specific Typography Options: To customize specific typography options, such as Main Menu, Top Bar, Page Title, Sliding Bar, Sidebar, navigate to their specific panels to access their different typography options such as font family, weight, size, etc.

Typography Options Setup:

1. Font Family: This option allows you to select a font family to use.

2. Variant:  This option allows you to select a font weight and style to use.

3. Subset: This option allows you to select which subset to use.

4. Font Size: This option allows you to set the size of the text on display.

5. Line Height: This option allows you to set the spacing between lines.

6. Letter Spacing: This option allows you to set the spacing between letters.

7. Text Transform: This option allows you to set uppercase or lowercase.

8. Color: This option allows you to set the color of the text.

4.8.Event

This is for customizing Event pages:  customizing Archive Layout, Top Image, colums, sharing on social links of event pages.

 

 

 

 

 

 

 

 

 

 

 

 

 

Link to refer for more Detail WP Manager Event plugin.

4.9.Our Team

This is for customizing Our Team pages:  customizing Archive Layout, Top Image, Number of our team per Page, Number row, Link to detail, sharing on social links.

4.10.Portfolio

This is for customizing Portfolio pages:  customizing Archive Layout, Top Image, Style Portfolio, Column, Gutter, Paging, Portfolio Filter, Layout Single Portfolio page.

4.11.Products

This is for customizing WooCommerce pages: customizing Archive product layout, archive product top image, sharing on social links, single product layout, single product top image, setting product image, setting checkout product, setting shop page.

 

 

 

 

 

 

 

 

 

 

 

5.Widgets

With Charity-wp theme, there are some pre-made widget areas were available styled where you may add widgets to place information for your visitors. You might use the widget areas to navigate a site, advertise something, as a way to gain new subscribers and followers, showcase or highlight specific content.

 

5.1.Create A Widget Area

How To Create A Widget Area:

Charity-wp theme allows you to create unlimited amount of widget areas, and these widget areas can be assigned to several areas of the site such as the sidebar, footer, toolbar, mega menu widgets… To learn more about widget ready areas, please see the steps below to understand how to create a widget area.

Step 1 – Navigate to Appearance >> Widgets >> give name of a new widget area under field “Create new widget area” click the “Create” button. You can add as many widget area as you need.

Step 2 – Once created, you’ll see your new widget area on the right side.

Step 3 – On the left side, you will see all the widgets you can use.

Step 4 – Simply drag and drop the widget you want into your widget section. You can then customize the widget to your liking.

Step 5 – You can rearrange the order of widgets on a widget section by simply dragging the widgets to place.

Step 6 – Make sure you click the ‘Save’ button to save the widgets added to your widget section.

create-new-sidebar

5.2.Widgets demo 1

There are 8 demo widget styles corresponding to 8 demo home pages. Let’s jump to how to create those widgets.

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:

2. Toolbar

Go to Appearance > Widgets > add Layouts builder

Add widgets to Tool bar

Frontend toolbar displaying:

3. Header:

Go to Appearance > Widgets > add Layouts builder

Add widgets to Header Sidebar

Front end Header displaying:

4. Footer:

Follow these steps to add widgets to Footer:

Go to Appearance > Widgets > add Layouts builder

Add widgets to Footer Layout 1:

Front end Footer layout 1:

Add widgets to Footer Layout 2:

Frontend footer layout 2:

Footer layout 3:

Front end Footer layout 3:

Footer layout 4:

Front end Footer layout 4:

5.3.Widgets demo 2

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:

2.Toolbar:

3. Header Demo 2:

4. Menu Sidebar:

Front end Header demo 2:

5. Footer: 

Follow these steps to add widgets to Footer:

Go to Appearance > Widgets > add Layouts builder

Add Widgets to Footer layout 1, 2, 3, 4 as the same with Footer Demo 1.

Add Widgets to Footer Bottom:

Front end Footer bottom demo 2:

5.4.Widgets demo 3

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:

Add widgets as same with Sidebar Demo 2.

2. Toolbar & Header: 

Add widgets as same with Sidebar Demo 1.

3. Footer & Footer Bottom: 

Add widgets as same with Sidebar Demo 2.

5.5.Widgets demo 4

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:
Add widgets as same with Sidebar Demo 2.

2. Toolbar & Header:

Add widgets as same with Header Demo 1.

3. Footer:

Add widgets as same with Footer Demo 1.

5.6.Widgets demo 5

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:
Add widgets as same with Sidebar Demo 2.

2. Toolbar

Add widgets as same with Toolbar Demo 1.

3. Header:

Add widgets as same with Header Demo 2.

4. Menu Right:

Front end Display Header Demo 5

5. Footer:

Add widgets as same with Footer Demo 2.

5.7.Widgets demo 6

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:
Add widgets as same with Sidebar Demo 2.

2. Toolbar

3. Header:

4. Menu Right:

Frontend Header Demo 6 Display:

5. Footer:

Add widgets as same with Footer Demo 2.

5.8.Widgets demo 7

Go to Appearances > Widgets > Add widgets to available widget areas.

1. Sidebar:
Add widgets as same with Sidebar Demo 1.

2. Header:

4. Footer:

Frontend Footer demo 7:

5.9.Widgets demo 8

Add widgets as same with demo 7.

6.UPDATE THEME

You can update Healthify theme via 2 ways: via Thim Core and via FTP.

6.1.Update via Thim Core

Thim Core plugin allows to update theme without resetting your settings and customization. However, you should always backup your files and databases before updating.

Follow these steps below to update Charity-wp theme via Thim Core:

Step 1 – Visit Charity-wp > Dashboard and login with your Envato account.

Step 2 – Click Update now.

6.2.Update via FTP

Follow these steps below to update theme via FTP:

Step 1. Log into your Envato account on themeforest. In your Download page, find Charity-wp theme and choose the Installable WordPress Theme.

Step 2. Login your FTP account via FTP software to access your host web server. Navigate to wp-content/themes folder to backup your current Charity-wp folder if needed. The contents on your site will not be lost but if you have modified the code then the changes will be lost. You have to modify them again after updating.

Step 3. Extract Charity-wp.zip that you downloaded from themeforest

Step 4. Upload new theme folder Charity-wp to wp-content/theme to override the existing files.

7.KNOWLEDGE BASE AND FAQS

Check our Knowledge Base and FAQs below to find the answer for some common questions:

Theme Installation Error?
1. “The package could not be installed. The theme is missing the style.css stylesheet“: this occurs when you try to upload the full zip file that includes sample data, documentation, etc. Please make sure you are uploading only the installable theme which is called Charity-wp.zip. For more information about this, check Envato help center here

2. “Are you sure you want to do this?“: this can occur due to several reasons:

  • PHP memory limit is too low (here is how to increase PHP memory limit).
  • You are trying to upload the full zip file instead of just the installable theme
  • The upload_max_filesize isn’t large enough. You need to update your php.ini file to increase the value

3. “#005_FILE_NOT_FOUND“: Since we no longer include demo data in the theme folder (for smaller theme package size), if you encounter this 005 error when importing demo data, please try the following solution:

Visit Dashboard > Plugins and make sure Thim Core plugin is up-to-date
Visit Charity-wp > Plugins and find Thim Charity-wp plugin. Try to install and activate this one again.
Customization cannot be saved?
When you make changes in Appearance > Customize setting but the changes cannot be saved, there are some common reasons:

“500 Internal Server”: Read this blog to know how to fix it.
Users of server (e.g Apache, Nginx) cannot write file: let chmod file style.css and config.less (in theme directory) be 777.
Your PHP version is outdated: update PHP version 7.0 or higher.
Will customization be lost if I update theme?
No, your customization in Appearance > Customize will not be lost when you update the theme. Only the code modifications in the original theme files will be lost and that’s why you should deploy in child-theme.

How to customize the registration confirmation email?
You can customize the default welcome email sent by WordPress by using a 3rd party plugin called SB Welcome Email Editor.

How to improve site speed?
We have a blog about what affects site speed and how to improve site speed. Please check it here.

How to translate my site?
We usually recommend using Loco Translate plugin. Check this guide to know how to translate your site and also how to troubleshoot if the translation does not show.

How to get license key of included premium plugins Visual Composer?
You are able to use included premium plugins such as Visual Composer for free when you purchase our themes on ThemeForest. You don’t have to buy your own license to use these plugins.

As a policy from the plugin’s author, you will not get updates directly from them. But you will always get the latest version of Visual Composer when we update the theme. We ensure that they are always compatible with our theme.

How to disable the demo slider images?

Sometimes, when you open your site, the slider images from our demo appear in a few seconds, then disappear although you did delete all demo sliders. You can completely disable the default images easily in Dashboard >> Slider Revolution >> Settings >> Layout & Visual and turn off the option “Show Background Image”.

Events Manager

Outdate templates and how to fix?

Sometimes, you may encounter the notice of Outdated Template in your theme and this may scare the $h!t out of you. However, don’t be that serious.

This Outdate is not as harmful as other types of Outdates, and you have NO REASON TO BE AFRAID. The best solution is to do nothing as it’s not a bug nor an error. Read this guides for more detail.

There are also sticky tickets we post on our  support forum. If you cannot find the answer for your problem, don’t hesitate to contact us by submitting a new ticket.

8.SUPPORT SERVICE

When purchasing our themes, you will receive free 6-month support service for problems regarding the theme. Once your free support service expires, you can renew your support service to 12 months. But no matter whether your support service expires or not, you always receive free life-time updates for the theme and plugins.

We really care about our customers and guarantee to response to all questions within 48 hours since your support ticket is created.

Regarding the requests about Customization and 3rd-party plugins, we provide a Customization Service at a fee.

8.1.Support Forum

ThimPress forum is our main resource for supporting customers. To reach us:

Step 1. Click here to create your account. We will ask for your Themeforest purchase code.

Step 2. Go to Charity-wp support forum and create your topic.

Suggest Edit