Charity Care Documentation

Requirements for Getting Started

Make sure Charity Care is compatible with your WordPress version.

The Charity Care theme will work with 4.5 and above versions of WordPress.

However, for the best experience, added features, and updated security patches, we recommend you to update your WordPress to the latest version.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/.

Checklist for Getting Started:

  • Check WordPress Version and Update it
  • Install the Benevolent free theme
  • Install and Activate the Charity Care theme
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

Custom Logo: 270 X 60

Slider Image: 1920 X 967

Community Section ( HomePage ): 960 X 450

Post Featured Image( With Sidebar): 780 X 437

Post Featured Image( Without Sidebar): 1200 X 437

Featured Post Image ( Widget): 275 X 275

Recent Post Image ( Widget): 75 X 75

Donation single page: 780 X 520

Homepage donation section: 380 X 270

Demo Import (Instantly Make Website Like Demo)

You can easily make your website exactly like the live preview (demo) of Charity Care theme by importing the demo content. Importing demo content is a great way of getting started with your website. You can get a guideline on how to set up this theme if you import the demo content.

To import the demo with a click, you need to install Rara One Click Demo Import plugin and follow this step by step guide.

How to Check and Update WordPress Version:

  • Log in to the WordPress admin panel
  • Go to Dashboard >Updates

check wordpress.png

Theme Installation & Activation

After you have the latest version of WordPress, save the downloaded the Charity Care theme somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Charity Care free theme file includes:

A WordPress Theme Files (in .zip format)— This (charity-care.zip) is a compressed WordPress theme file containing all of the required templates, images, and icons required for the theme to function properly.

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

Charity Care Documentation 1

Now, to install and activate the theme follow these steps or the above gif:

Note regarding Parent Theme: If you are installing Charity Care offline, make sure you have the Benevolent theme installed. You need the parent theme to install the child theme. However, if you are connected to the Internet, the parent theme (Benevolent) will be installed automatically from the WordPress repository so you don’t have to worry about it.

  • Log in to WordPress Dashboard
  • Go to Appearance > Themes

Charity Care Documentation 2

  • Click on Add New button

Charity Care Documentation 3

  • Click on Upload Theme

Charity Care Documentation 4

  • Click on “Choose File…”, select the “charity-care.zip” file from your computer and click Open

Charity Care Documentation 5

  • Click Install Now

Charity Care Documentation 6

  • After the theme is installed, click on Activate to use the theme on your website

Charity Care Documentation 7

Installing Recommended Plugins

You must install and activate the following plugins to get the best out of Charity Care theme.

Rara One Click Demo Import by Rara Theme:

This plugin will help you import demo content of our themes with a click. So, if you want to kickstart your website with the live demo of this theme, install and activate this plugin.

Give – Donation Plugin and Fundraising Platform By WordImpress:

Give plugin allows you to manage donations on your website. You need to install and activate this plugin to enable donation section and buttons on the Charity Care theme.

Regenerate Thumbnails by Alex Mills (Viper007Bond): If you have existing content, this will help you update your images thumbnail sizes. To update the thumbnails, you must run this plugin.

How to Install Recommended Plugin:

  • Go to Appearance> Install Plugins

Charity Care Documentation 8

  • Click “Install” to install the plugins

Charity Care Documentation 9

  • Click “Activate” to activate the plugins

Charity Care Documentation 10

Setting up the Front/Landing/Home Page and Blog Page

You need to first create two static pages for home page and blog page before configuring the pages.

Creating Home Page

  • Go to Pages > Add New

Charity Care Documentation 11

  • Enter the Page Title for the Page. You do not need to enter anything in the content section for creating a home page
  • Select the Homepage Template from the Page Attributes section
  • Click Publish

Charity Care Documentation 12

Creating Blog Page

  • Go to Pages > Add New

Charity Care Documentation 13

  • Enter the Page Title for the Page. Give the name as Blog as you are creating a blog page
  • Let the Page Attributes section be Default Template
  • Click Publish

Charity Care Documentation 14

Configure the Home Page and Blog Page

  • Log in to the WordPress Admin Panel
  • Go to Appearance>Customize > Default Settings> Static Front Page
  • Select A static page under Your homepage displays

Charity Care Documentation 15

  • Select the page with Home Page template from the dropdown to set the homepage
  • Select Blog page from the drop down to set the Posts page
  • Click Publish

Setting Up Donations with Give Plugin

You need to install the Give plugin that is recommended by the theme to enable and manage donation functionality of the theme.

If your organization wants donation for multiple causes, you can create separate donation form for separate cause.

Permalink for Donations Archive Page: The Give plugin creates an archive page where you can list all the donation forms. The permalink for donations page is usually yourwebsite.com/donations. For example, the donations archive page for the Charity Care demo website is demo.raratheme.com/charity-care/donations

Creating Donation Forms

  • Login to your WordPress dashboard
  • Go to Donations
  • Click on Add Form

Charity Care Documentation 16

  • Enter the name of the cause as the donation form name
  • Upload the featured image and enter the excerpt you want to display.

Charity Care Documentation 17

  • Under the Donation Form Options, setup the details for the donation form.
  • Click on Publish when you are done

Charity Care Documentation 18

Default Settings

You can configure the site identity, primary color, background image and even the static front page and blog page of the website from this menu.

Site Identity

You can change the name and logo of your website here.

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > Default Settings> Site Identity
  • Click Select Logo and upload your logo.
  • Enter Site Title and Tagline
  • Check Display Site Title and Tagline
  • Click Select Image and upload Image for Site Icon (favicon)
  • Click Save & Publish

Charity Care Documentation 19

Colors (Change Color of the Theme)

You can change the background color of the theme from here.

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > Default Settings> Colors
  • Click on “Select Color” and select the background color
  • Click Publish when you are satisfied

Charity Care Documentation 20

Background Image

You can add a background image to your website from here.

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > Default Settings > Background Image
  • Click on “Select image” button to add the background image.
  • Click on “Remove” to remove the image. Click on “Change image” to change the background image
  • Choose the image preset, position, size, and other options as you like it
  • Click Publish when you are satisfied

Charity Care Documentation 21

Donate Button

You can keep a Donate Now button the navigation menu to help your visitors contribute to your organization and cause.

Charity Care Documentation 22

To keep a Donate Now button on the navigation menu, you need to create a donation form. Please follow the below steps to create and configure a donation form.

  • Go to Appearance>Customize>Donate Button
  • Enter Button Text and Button URL. You can keep the donations archive page link or donation form link in the button url field.
  • lick on Publish

Charity Care Documentation 23

 

Slider Settings

You can add a slider on your website using this section.

To add a slider on your website, please follow the given steps:

  • Log in to the WordPress Admin Panel.
  • Go to Appearance > Customize > Slider Settings
  • Enable the homepage slider if you want to display slider on homepage

Charity Care Documentation 24

  • Check Enable Slider to Auto Transition for the slides to transition automatically (auto-scroll) without a click.
  • Check Enable Slider Loop to continue the slide transition in the loop
  • Check Enable Slider Pager to allow manual navigation for paging control of each slide.
  • Check Enable Slider Caption to show the post title to appear on the slider post image
  • Select the slider animation type to “fade” or “slide”
  • Enter the Readmore text to set the text of the button
  • Enter Slider Speed: Set the Interval (in milliseconds) at which the slider should change posts (if the automatic transition is enabled). Default: 7000 (7 seconds)
  • Enter Animation Speed: Set the speed of animations, in milliseconds. Default: 600
  • Enter Readmore Text
  • Select the category of posts which you want to display in the slider. (Featured images of the posts of the selected category will be displayed as slider images. Post Title will appear as Slider Title and Excerpt of the Post will appear on the slider as slider description ). Featured images of posts should be at least 1920 px in width and 967px in the height for displaying slider images properly. Use regenerate thumbnail plugin to crop all the images if you have already uploaded the Images.
  • Click Publish

Charity Care Documentation 25

Home Page Settings

Intro Section

You can set up intro section for your website from this menu.

Charity Care Documentation 26

To set up the intro section, please follow the given steps:

  • Go to Appearance>Customizer>Home Page Settings>Intro Section
  • Check Enable Intro Section
  • Enter Intro Section Title, Intro Section Content, Intro Titles, Intro Link Labels, Intro URLs and their respective Logos and Images.
  • Click Save & Publish

Charity Care Documentation 27

Community Section

Charity Care Documentation 28

  • Go to Appearance>Customizer>Home Page Settings>Community Section
  • Check Enable Community Section
  • Enter Community Section Title
  • Select Post One, Post Two, Post Three, and Post Four. The Feature Image of the selected posts will be displayed under the section on the Homepage
  • Click Save & Publish

Charity Care Documentation 29

Stats Counter Section

You can talk about your accomplished stats in this section.

Charity Care Documentation 30

  • Go to Appearance>Customizer>Home Page Settings>Stats Counter Section
  • Check Enable Stats Counter Section.
  • Enter Stats Counter Numbers and Stats Counter Titles
  • Click Save & Publish.

Charity Care Documentation 31

Give Section

You can add separate Donation options for the different cause and mission of your organization using this section.

Charity Care Documentation 32

To add Give Donation section, please follow the below steps:

  • Go to Appearance>Customizer>Home Page Settings>Give Section
  • Check Enable Give Section
  • Enter the Section Title and Give section content. All the Donations Forms you have created using the Give plugin will be displayed on this section.
  • Click Publish when you are satisfied

Blog Section

You can add the blog section on homepage using this menu.

Charity Care Documentation 33

To add a blog section on the homepage, please follow the below steps:

  • Go to Appearance>Customizer>Home Page Settings>Blog Section
  • Check Enable Blog Section.
  • Check Show Blog Date to display the published date
  • Enter Blog Section Title, Blog Section Content and Blog Section read more Text
  • Click Publish when you are satisfied

Sponsor Section

You can show and give credits to the sponsors of your organization on your website homepage using this section. You can display up to five sponsors on this section.

Charity Care Documentation 34

To add a sponsor on your website homepage, please follow the below steps:

  • Go to Appearance>Customizer>Home Page Settings>Sponsor Section
  • Check Enable Sponsor Section.
  • Upload Logo and enter Logo URL
  • Click Publish

Charity Care Documentation 35

Promotional Section

Charity Care Documentation 36

To add a promotional section on the homepage, please follow the below steps:

  • Go to Appearance>Customizer>Home Page Settings>Promotional Section
  • Check Enable Promotional Section
  • Enter Promotional Section Title, Button text and Button URL.
  • Upload Background Image.
  • Click on Publish

Charity Care Documentation 37

Breadcrumb Settings

You can choose to show/hide the Breadcrumb on your website using this menu.

Charity Care Documentation 38

To show breadcrumb on your website, please follow the below steps:

  • Login to your WordPress Dashboard
  • Go to Appearance>Customizer>Breadcrumb Settings
  • Check Enable Breadcrumb
  • Check Show Current, if you wish to display the current Page on the breadcrumb.
  • Enter Breadcrumb Home Text
  • Enter Breadcrumb Separator
  • Click on Publish when you are satisfied

Charity Care Documentation 39

Social Settings

You can add your organization social media accounts on the header using this setting. You can add up to 7 social media accounts using this theme.

Charity Care Documentation 40

To add your social media accounts, please follow the below steps:

  • Login to your WordPress Dashboard
  • Go to Appearance>Customizer>Social Settings
  • Checkbox Enable Social Icons in Header
  • Add your social media account links
  • Click on Publish when you are satisfied

Charity Care Documentation 41

Footer Credit Settings

You can add a custom footer copyright text using this menu on the website footer.

To add a custom footer copyright text, please follow the below steps:

  • Login to your WordPress Dashboard
  • Go to Appearance>Customizer> Footer Settings
  • Enter your desired footer credit text
  • Click on Publish when you are done

Charity Care Documentation 42

Navigation Menus (Create and Edit Menu)

By default, all your primary pages will be displayed in the menu. If you want to create a Custom Menu, you can do it from Customizer or from Dashboard. This theme supports two menus. If you need more than one menu, you can add them in the sidebar using “Custom Menu” widget.

The Primary Menu Appears below the Site Name and header Info section. The Secondary Menu appears on the header bar alongside the social media links.

Creating Menu via Customizer

  • Login to WordPress Dashboard
  • Go to Appearance > Customize>Menus
  • Click on Create New Menu
  • Give a name to your menu in Menu Name and select the menu location and click Next
  • Click “Add Items” to add items (pages, posts, categories, custom links…) to the Menu
  • Click “+” icon on the items list to add the item to the menu
  • Drag and Drop the added items to rearrange them
  • Click Publish

Charity Care Documentation 43

Creating Menu via Dashboard

  • Login to your WordPress Dashboard
  • Go to Appearance > Menus in the WordPress Dashboard
  • Click on create a new menu.
  • Give a name to your menu in Menu Name and click Create Menu button.
  • Select the items from Pages, Posts, Custom Links, or Categories and click “Add to Menu”.
  • Drag and Drop the added items to rearrange them.
  • Check the Menu location to Primary
  • Click Save Menu

Widgets

You can add the widgets to the sidebar in two ways, either via Dashboard or Customizer

Adding Widgets via Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Widgets
  • Make sure you are on the page you want to add widgets to.
  • Click on the desired Sidebar or location (the one you want to add widgets to). You can add widgets on Footer as well.
  • Click on Add a Widget to add widgets
  • Select desired Widgets and give a title to the widget
  • Click Add a Widget to add more widgets in the sidebar
  • Drag and reorder the widget as desired
  • Click Publish

Adding Widgets via Dashboard

  • Login to your WordPress Dashboard
  • Go to Appearance> Widgets
  • Available widgets are listed on the left hand side while Sidebars are listed on the right side (including the sidebars you create)
  • Drag and drop the widgets to the desired sidebars.

widgets 2.png

Footer Section

The theme has 4 widgets area in the footer. You can add various widgets to the area. To add widgets in the footer, go to Appearance> Customize>Widgets and select the Footer Location (footer one, two, three) and add the widgets.

Additional CSS

You can add extra CSS codes here. If you want to modify the color, fonts, or any other CSS effects, you can enter the code here.

  • Login to your WordPress Dashboard
  • Go to Appearance> Additional CSS
  • Enter your code
  • Click Publish when you are done

Helpful Tips

  • We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. Here’s an easy to follow guide if you don’t know how to create a child theme.
  • Always keep a BackUp of your theme before making any changes to the theme.
  • If you get any problem in using the theme, you can do the following things:
  • Deactivate the plugins, sometimes plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
  • Replace the latest modified code with the original code.
  • If the issue pertains, feel free to contact us using our Support Ticket