Charity-WP

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

 

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.

 

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.

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.

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.

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!

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.

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

Background and Text Color:

 

 

 

 

 

 

 

 

 

Layout:

 

 

 

 

 

 

 

 

 

Pattern:

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.

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.

This is for customizing Footer, Copyright

This is for customizing Donate pages: customizing Archive Layout, Top Image, Number of donate per Page, Layout single Donate, sharing on social links of donate page.

 

 

 

 

 

 

 

 

 

 

 

 

For more setting of Fundpress plugin, you can refer links:

How to setting for Fundpress plugin.

Detail Fundpress plugin.

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.

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.

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

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.

 

 

 

 

 

 

 

 

 

 

 

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.

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:

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:

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.

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.

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.

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.

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:

Add widgets as same with demo 7.

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.

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.

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.