Charity Fundraiser Pro Theme Documentation

File Structure

The template bundle that you downloaded is divided into various directories. Let's examine the contents of each folder:

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "charity-fundraiser-pro.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

TG KEY ACTIVATION

The following are the steps for activating a TG Key.

Use the License Key you will receive through Email to Activate License.

Follow the following Process to Activate License.

Go to Dashboard >> Appearance >> TG Key Activation >> Enter Key>>Save Changes.

After Entering The Key >> Activate Licence.

After you Activate Licence,the key will be active and then you can Getstarted with the Theme.

As a result you can activate your Licence Key.

Template Installation

The method of installing a template is quite simple. There are two ways to complete the installation process./P>

1-Using WordPress admin, install a theme.

The first step is to log in to your WordPress admin dashboard. then click on

1.Go to the menu Appearance >> Themes


2. Click the Add New at the top of the themes page after you've arrived there.


3. To upload a theme, click the button.


4. Choose your charity-fundraiser-pro.zip theme by clicking on Browse, then click Install Now.


Congratulations! You've successfully installed your theme.

Section Color/Font Pallette

The method of changing the colour or font is quite simple. These choices are available in all customizer areas. It is a comprehensive graphic that demonstrates the typeface and colour palette. You can change the colour and font of the headings, paragraphs, and buttons with a single click.

Depending on the number of options accessible in each area, there is an option to change the colour scheme for the headings, title/text, paragraphs, button text, and button background.

Default Color/Font settings

One-Click Demo Content Importer

To set up your theme, simply click to import sample content. You can follow the instructions in this article to develop your website for website creation.

Go toDashboard >> Appearance >> Get started

You must first install the "Charity Fundraising Pro posttype" plugin before you can "Run Importer"

Click "Run Importer"

Fetch Demo content

This theme supports the standard Site Identity area that WordPress provides, and we have added some options to this section.

Set up your home page by following these instructions.

  • To set a template for a new page, navigate to the Dashboard, click on Pages, and then select Add New Page. Give the page a name, such as "Home," or any other desired label. Next, choose the "home-page" template from the dropdown menu of available templates.



  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home


  • Once you've finished, you can view the front page's entire demo of the content

How to set up Home Page

Setup Top Bar

As a way to set up Top Bar Section,

Go to Appearance >> Customize >> Theme Settings >>Top Bar Section



Follow these instructions to setup Top Bar.

  • Top Bar Contact Title Color: The color of the contact title can be changed.
  • Top Bar contact Title Font family : You Can Change The Font Family For Contact Title
  • Top Bar Contact Details Color: Contact Detail Color May Be Modified.
  • Top Bar contact details Font family: You Can Change Contact Details Font Family.
  • Top Bar contact icon Color :Change the color of the contact icon.
  • Header Background Color : The header can have a background color added.
  • Top Bar Background image (1520px x 50px) : You Can Add background image.
  • Header Main title Color: You can change the main color of the header.
  • Header Main title Font family : The title's font family can be changed.

Setup Header

As a way to set up Header Section,

Go to Appearance >> Customize >> Theme Settings >>Header Section



To set up Header, follow to these instructions.

  • Menu Item Color: You can change a Menu Items color.
  • Menu Item Fonts : You Can Change The Font Family of Menu Items
  • Menu Item Hover Color: You can change the hovering Items Color.
  • Menu DropDown Background Color:You Can Change background color of menu dropdown.
  • Menu DropDown Item Color :You Can Change color of menu dropdown item color.
  • Menu DropDown Item Hover Color: You Can color of menu dropdown on hover.
  • Menubar Background Color : You Can change menubar background color.
  • Button title Color: You can change button title color.
  • Button title Font family : You can change font family button title.

Setup Slider



Follow the below steps to setup the slider

Go to Appearance -> Customize -> Theme Settings -> Slider Settings



  • Setting Options :Includes options for service display enable/disable. You can enable or disable this section with this parameter. This setting is crucial. If you want this section to appear on your website, leave the option enabled; otherwise, select disable, and the section will not appear on your website.
  • Number of Slider To Show: Give you the option to choose how many sliders to display.
  • Slider Image: The images for the slider can be set here.
  • Slider Heading Title: The title that will display on the slider can be modified here.
  • Slider Text: Setting the words to appear on a darker image is possible.
  • Slider Heading Color: Allow setting the slider's header color.
  • Slider Heading Fonts: With this option, you may change the font for the Slider heading.
  • Slider Text Color: You can choose the colour of the slider text with this option.
  • Slider Text Fonts: With this option, you may change the font for the Slider heading.

To setup the Site Icon

Go to Appearance -> Customize -> Site Identity



  • Logo : You can add the Slider Icon from here
  • Site Title: This part allows you to add the site title.
  • Tagline: The tagline can be included in this section.
  • Site Icon: From this part, you can add the site icon.

Setup About Section

Then we may go on with Our Campus Section,

Go to Appearance -> Customize -> Theme Settings -> Our Campus section



Set up the About Section section by following these instructions.

  • Do you want this section: Includes settings for About display enable / disable option.
  • Section Background Color: You can provide a background colour here, and your website will display it.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Icon Image: You can add an icon image here, and it will appear in your website's About Section.
  • Title Color: You can add a title colour here, and your website will show it.
  • Title Font Family: The About Section Title Font Family of your site will be shown after you add the Title Font Family here.
  • Text Color: The About Section Text Color of your site will be displayed if you add Text Color here.
  • Para Font Family: The Para Font Family will be shown on your site after you add it.
  • Sub Title Color: You can add Sub Title Color here and the About Section Sub Title Color will be displayed of your site.
  • Sub Title Font Family: The Sub Title Font Family will be displayed in your site's About Section if you want to include it here.

Our Causes Section

Go toCustomize >> Theme Settings >> Our Causes


  • Setting Options: Includes options to allow or disable the display of Our Causes.
  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Section Title Color: Here, you can include a section title colour.
  • Section Title Font Family: This is where you may add the section title font family, and your website will display it.
  • Section Text Color: Here, you can add a section's text colour.
  • Section Text Font Family Section Text Font Family can be added here.
  • Causes Title Color Causes Title Color may be added here.
  • Causes Title Font Family Causes Title Font Family can be added here.
  • Causes Title Font Family Here, you can add the Causes Title Font Family.

Setup Upcoming Events Section

First, activate on the "Charity Fundraising Pro posttype" plugin. Then only you add Event



As a way to setup the following section, follow the below steps

1. Go to Dashboard -> Events -> Add New



2. Add the Cources Section, Go to Appearance -> Customize -> Theme Settings -> Upcoming Events Section

3. Moreover, you can change the background and text color in that section.



Follow these instructions to setup Upcoming Events Section.

  • Setting Options: Includes settings for the ability to enable or disable course display.
  • Section Background Color: You can add a background colour here, and your site will display it when you do.
  • Section Background Image: You can upload a background image here, and it will appear on your website.
  • Title Color: The page will be displayed in the Cources Section area of your website if you add a Title Color here.
  • Title Font Family: Your site's section headings will be displayed after you apply the Title Font Family.
  • Sub Text Color: Sub Text Color can be added here.
  • Text Font Family: Text Font Family can be added here.
  • Event Title Color: Here, you may add the Event Title Color.
  • Event Title Font Family: Event Title Font Family can be added here.
  • Event Text Color: Event Text Color can be added here.
  • Event Text Font Family: Event Text Font Family link is available here.
  • Enroll Button Color: Enroll Button Color can be added here.
  • View all Button Color: View all Button Color can be added here.
  • View all Button Font Family: See all Button Font Family may be added here.

Setup Our Records



Then we may go on with Our Records

Go to Appearance -> Customize -> Theme Settings -> Our Records Section



Then we may go on with Our Records

  • Setting Options: Includes settings for Service display enable / disable option.
  • Background Color: The background colour of this section can be changed using this feature.
  • Background Image: You can use it to change the background image for this section.
  • Counter Image: The counter image for this section can be changed here.
  • Number: Here, you can enter the number of whichever records you want to show.
  • Counter Title: Here, you can enter the Counter Title about record.
  • Counter Text: Here, you can enter the Counter Text about record.

Setup Top Donator



First, activate on the "Charity Fundraising Pro posttype" plugin. Then only you add Donator

As a way to setup the following section go to Dashboard -> Donator -> Add New



Then we may go on with Top Donator,

Go to Appearance -> Customize -> Theme Settings -> Top Donator Section


    Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.

  • Setting Options: Includes settings for Service display enable / disable option.
  • Background Color: You can customise the background color for this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can choose the section's title color with this option.
  • Title Font Family: You may select this option. to set Title Font Family of section.
  • Sub Text Color: You may select this option. to set Sub Text Color font of section.
  • Text Font Family: You may select this option. to set Text Font Family of section.
  • Donar Name Color: You may select this option. to set Donar Name Color of section.
  • Donar Designation Color: You may select this option. to set Donar Designation Color of section.
  • Donated Money Color: You may select this option. to set Donated Money Color of section.
  • Donar details Font Family: You may select this option. to set Donar details Font Family of section.

Setup Team Section



First, activate on the "Charity Fundraising Pro posttype" plugin. Then only you add Team

As a way to setup the following section go to Dashboard -> Our Team -> Add New



Add the Video, Go to Appearance -> Customize -> Theme Settings -> Team Section




Follow these instructions to Setup Our Video.

  • Setting Options: Includes settings for Service display enable / disable option.
  • Background Color: You can customise the background colour for this section.
  • Background Image: In this section, you have the option of setting a background image.
  • Title Color: You can select this option to change the section's title colour.
  • Title Font Family: This option lets you set the section's title font family.
  • Sub Text Color: You can select this option to change the section's subtext color.
  • Text Font Family: You can select this option to change the section's Text Font Family.
  • Team Name Color: This option allows you to change the section's Team Name Color.
  • Team Name Font Family: You can select this option to change the section's Team Name Font Family.
  • Team designation Color: This option allows you to change the section's Team designation color.
  • Team designation Font Family: This option lets you specify the section's Team designation's font family.

Setup Testimonial



Then we may go on with Testimonial,

First, activate on the "Charity Fundraising Pro posttype" plugin. Then only you add Team

As a way to setup the following section go to Dashboard -> Testimonial -> Add New



Go to Appearance -> Customize -> Theme Settings -> Testimonial


    Do you want this section: You have the option to completely enable or disable this section in this section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.

  • Background Color: Here, you can change the colour of this section's background.
  • Background Image: The background image for this section can be changed here.
  • Title Color: The title colors of this section can be changed here.
  • Title Font Family: You may add the Title Font Family for this section using this option.

Setup Help/Donation form Section



Then we may go on with Help/Donation form,

First activate "Contact Forms 7" plugin. Then only you add contact form

Go to dashboard -> contact -> Add New


Then we may go on with Help/Donation form,

Go to Appearance -> Customize -> Theme Settings -> Help/Donation form



  • Do you want to read this part? You have the option to completely enable or disable this section in this section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
  • Setting Options: Includes settings for Service display enable / disable option.
  • Background Color: This section's background colour can be changed using this feature.
  • Background Image: In this section, you can set a background image.
  • Title Color: You may select this option. to set Title Color of section.
  • Title Font Family: You may select this option. to set Title Font Family of section.
  • Sub Text Color: You may select this option. to set Sub Text Color of section.
  • Text Font Family: You may select this option. to set Text Font Family of section.

Setup Latest Post



Then we may go on with Latest Post,

As a way to setup the following section go to Dashboard ->Posts -> Add New



Go to Appearance -> Customize -> Theme Settings -> Testimonial


    Would you like this section?  You can completely enable or disable this feature using this section. If this area is something you don't want on your website, simply select the disable option, and the content will be removed. And if you want this fantastic area to show on your website, all you have to do is activate it.

  • Background Color: Here, you can modify the background color for this section.
  • Background Image: Here, you can modify the background image for this section.
  • Title Color: Here, you can modify the Title Color of this section here.
  • Title Font Family: You may add the Title Font Family for this section using this option.

Setup Our Partners



Then we may go on with Our Partners,

Go to Appearance -> Customize -> Theme Settings -> Our Partners



Follow these instructions to setup Our Partners.

  • Do you want this section: You have the option to completely enable or disable this section in this section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
  • Section Title Color: Here, you can modify the text color of title for this section.
  • Section Title Fonts: Here, you can modify the font family of title for this section.
  • Background Color: Here, you can modify the background color of this section. As you can see in screenshot, the background color of this section is white. You can set it to any color as you want.
  • Background Image: If you want to set the background image for this section, you can set it here.
  • Number of Partners to show: Here, you can enter the number of partners you want to show in this section.
  • partner Image: Here, you can modify the sponsor image for each partner you want to show in this section.

Setup Blog Page


Go to Appearance -> Customize -> Theme Settings -> Blog Page


Setup Social Icon

As a way to set up Social Icon Section,

Go to Appearance >> Customize >> Theme Settings >>Social Icon Section



Follow these instructions to setup Social Icon.

  • Add Facebook Link: If you provide a link to Facebook here, the Facebook icon will be displayed on your site.
  • Add twitter link : With this option, you may include a Twitter connection on your website. When you include a twitter link, the site's twitter emblem is also added.
  • Add Instagram Link: You can include a link to Instagram here in order to add the Instagram icon.
  • Add Youtube Link: Here, you can include a YouTube link.
  • Add Pinterest link : With this choice, you can add a connection to Pinterest.
  • Add Linkedin link : With this choice, you can link to your website on LinkedIn. When a link to your site is added, a LinkedIn icon is also added.
  • Add Tumblr link : This option allows you to include a Tumblr link.
  • Add GooglePlus Link: If you include a GooglePlus link here, the GooglePlus icon will be added.
  • Add Flickr link : With this option, you may include a Flickr link.
  • Add VK Link: To add the VK icon, add a VK link here.

Setup Footer Section



Then we may go on with Footer

Go to dashboard -> Widgets


Go to Appearance >> Customize >> Theme Settings >>Footer Section



Follow these instructions to setup Footer Section.

  • Do you want to read this part? You have the option to completely "enable" or "disable" this section in this section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
  • Footer Heading Color: Here, you can modify the Footer Heading Color of footer
  • Footer Heading Fonts: Here, you can modify the Footer Heading Fonts of footer.
  • Footer Content Color: Here, you can modify the Footer Content Color of footer.
  • Footer Content Fonts: Here, you can modify the Footer Content Fonts of footer.
  • Background Color: Here, you can modify the Background Color of footer if you want.
  • Background image: Here, you can modify the Background Image of footer if you want.

Setup Newsletter Section



We could then continue with Campus.

Plugin "Contact Forms 7" must first be activated. You alone will then add a contact form.

Go to dashboard -> contact -> Add New


Go to Appearance >> Customize >> Theme Settings >>Newsletter Section



Setup Newsletter Section

  • Do you want this section: You have the option to completely enable or disable this section in this section. If you decide that you do not want this area on your website, simply select the deactivate option, and the section will be removed. And if you want this lovely area to show up on your website, just enable it, and it will.
  • Add content here: Here, you can add the content of footer.
  • Newsletter Heading Color: Here, you can modify the Newsletter Heading Color of footer
  • Newsletter Heading Fonts: Here, you can modify the Newsletter Heading Fonts of footer.
  • Newsletter Content Color: Here, you can modify the Newsletter Content Color of footer.
  • Newsletter Text Color: Here, you can modify the Newsletter Content Fonts of footer.
  • Background Color: Here, you can modify the Background Color of Newsletter if you want.
  • Background image: Here, you can modify the Background Image of Newsletter if you want.

Setup Contact Section



Then we may go on with Contact,

Go to dashboard -> Contact


Go to Appearance >> Customize >> Theme Settings >>Contact Section



Follow these instructions to setup Contact Section.

  • Contact Heading Color: Here, you can modify the Contact Heading Color of footer
  • Contact Heading Fonts: Here, you can modify the Contact Heading Fonts of footer.
  • Contact Content Color: Here, you can modify the Contact Content Color of footer.
  • Contact Content Fonts: Here, you can modify the Contact Content Fonts of footer.
  • Background Color: Here, you can modify the Background Color of Contact if you want.
  • Background image: Here, you can modify the Background Image of Contact if you want.

Setup Footer Text



Then we may go on with Footer Text,

Go to Appearance >> Customize >> Theme Settings >>Footer Text

Plugins

The functionality of WordPress can be increased and expanded by plugins.
How to activate plugins

You must enable the plugin if you want these features in your theme. If you wish to enable the plugin in your theme, follow these instructions.

Go to Plugins >> Installed Plugins >>Charity Fundraiser Pro Posttype >>Activate


When a plugin is activated, your admin navigation will expand to include four new options: Causes, Events, Donators, Testimonials, and Our Team. You might see these five options in the image's admin navigation because the plugin is now active.

These five sections are immediately added to your website after you enable the plugin. This is a screenshot of the same document.

Although certain sections have been added, you can't see what they contain. When adding content to these places, follow these rules.

Plugin "Charity Fundraising Pro Posttype" must first be activated. you alone then add Services.

To add Team, Go to Our Team. >> Add new


With the option to "Allow Comment," you can also add comments.

Now, as seen in the image above, you can add the Our Team title and description


You can set up Our Courses as a result.

    Plugin "Charity Fundraising Pro Posttype" must first be activated. Then, you alone add Events.

    To add Events, Go to Upcoming Events >> Add new


    As a result, you can set up Events.




    Plugin "Charity Fundraising Pro Posttype" must first be activated. You alone then add Donator.

    To add Donator, Go to Donator >> Add new


    Using the Add Media option, which is available in the screenshot, you may add pictures of the donor to this section, and those pictures will be uploaded to the donor section automatically.

    Now you may include the donor's name and your own.

    You may list a donor designation here.


    Designation: Here, you can enter the donor's designation.


    By integrating Donator, you may now see the same thing on your website. See the screenshots below.


    As a result, you can set up Donator.

    Plugin "Charity Fundraising Pro Posttype" must first be activated. Only you add Testimonial after that.

    To add Testimonials, Go to Testimonials >> Add new


    With the Add Media option, which is seen in the snapshot, you can add testimonies photos to this area. These images will be uploaded right away to the testimonials area.

    Here, you may now include the person's name and a testimonial.

    You can provide a person's designation here.


    Designation: Here, you can enter the testimonial person's designation.


    Following the posting of testimonials, you might observe the same thing on your website. See the screenshots below.


    As a result, you can set up testimonials.

Page Templates and sidebars

Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Advance Search (the advance search page template with no sidebar position)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Contact (the default Contact template with no sidebar position)
  • Home Page (the default home page template with right sidebar position)

Post, Categories and Post Formats


Adding category

Check out the following article for further information on adding categories:http://codex.wordpress.org/Manage_Categories_SubPanel

  1. By logging in, you can access your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. You should type the name of your new category.
  5. Then select Add New Category from the menu.
Click the Publish button.

Creating a Blog post

  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful tool for content creation. http://codex.wordpress.org/Shortcode. Using shortcodes is simple. Then, make certain that Visual editing mode is chosen.


See the list of available shortcodes in the Themes.:

  • [charity-fundraiser-pro-testimonials]
  • [charity-fundraiser-pro-team]

Widgets