1. Getting Started

We would like to thank you for choosing Charipex.

We made Charipex from the ground-up with flexibility in mind. Each element of Charipex is extremely customizable, where you can make
Charipex to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize Charipex and make it fit your brand perfectly!

1.2. What's Included

After purchasing Charipex Theme on Themeforest with your account, go to your Download page. You can choose to download Charipex theme only or the entire Charipex themme package which contains the following files:

  • Theme: Inside theme folder A .zip file with all with Charipex WordPress theme
  • Documentation: An HTML format documentation.
  • Licensing: For Licensing
  • Demo:Main demo file, you can import it.
  • Plugin:With theme toolkit Plugin
included

1.3. System Requirements

When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:

  • PHP version 5.6 or greater
  • MySQL version 5.6 or greater

1.4. Theme Installation

Installing a WordPress theme is super easy.

  • Step 1: Navigate to AppearanceThemes in your WordPress admin dashboard.
    img
  • Step 2: Click the Add New button at the top of the page and go for the Upload option.
  • Step 3: Choose Charipex.zip from your downloaded file then click Install
  • Step 4: Wait while the theme is uploaded and installed then activate the theme.
Install theme via FTP

Many users are on shared hosting with low upload limits, and in such situations the Bigbuzz theme is often too large to install through Wordpress. We suggest you should upload it via FTP.

If you don't know how to use FTP visit this link for information: http://codex.wordpress.org/FTP_Clients . You will need to first uncompress the PACKAGE-theme.zip file you have found in the master zip downloaded from Themeforest. This zip uncompresses into a normal folder. This unzipped folder is all you need to transfer via ftp and if you open it, you will see all sorts of folders and css and php files which together contain all the theme coding.   

Using the FTP program transfer this folder which contains the above files to the Wordpress installation theme root directory: /wp-content/themes.

Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems resulting in the theme not working properly. Learn from Wordpress Official Documentation about installing theme with FTP client or with cPanel: http://codex.wordpress.org/Using_Themes

1.4. Known problems when installing the theme

a. The “Broken theme and/or stylesheets missing” error is most common when you install or activate a new theme.

If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the bigbuzz_theme.zip within the Theme Files folder. You have to unzip the package file that you download from Themeforest to find this.

b. Problems with uploading via WP admin panel due Upload limit.

You may check your file upload limit on Your Media Uploader page in WordPress. Depending upon the web hosting company and the conditions of the service they provide it may vary. The most common is about 8 MB which is more or less enough. But uploading some media files like audio and video may become a problem with for example 2 MB upload limit.
We decided to share some tips about how to extend your maximum file upload size in WordPress:

1. Through functions.php file:

You may add the below mentioned code in the functions.php file of your theme

 @ini_set( 'upload_max_size' , '64M' );
@ini_set( 'post_max_size', '64M');
@ini_set( 'max_execution_time', '300' );

2. Through PHP.INI file:

If you cannot see the php.ini file in your directory create the new one with below mentioned code and upload it to your root folder on your web server.

If you can see the php.ini file then change parameters or add :

 upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

In case that tip does not work with 64MB, try it with 10MB.

3. Through .htaccess method

You may try modifying the existing .htaccess file in the root directory or creating a new one.

Add the following code in the existing or new .htacess file:

 php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

1.5. Plugins Installation

Right after the theme was activated, a notification at the top of the screen will suggest to continue with the installation of the plugins recommended for getting the best our of your theme.

Follow the installation steps below:

  • Step 1. Click ‘Begin installing plugins‘ and select the plugins you need to install from the list.
  • Step 2: Select all plugins then choose Install , Click Apply to install all plugins
  • Step 3: After Installing all Plugins, select Activate then click Apply to active all plugins.

1.6. Demo Data Installation

Before Importing Demo Data Please Enable Form Taxonomies from Donations > Settings > Default Options > Taxonomies

Our demo data import lets you have the whole data package in minutes, delivering all kinds of essential things quickly and simply. All you need to do is to navigate to Appearance > Import Demo Data.

Hit Import Demo Data
Before you import demo data make sure you install and activated all required plugins

Have a cup of coffee. The process is within minutes.

Go to Setting > Reading > Front page displays and choose the page you like to be your front page then hit Save changes.

And Navigate to AppearanceMenus in your WordPress admin dashboard. and select a Main menu as Front Menu and Inner Pages Menu menu as footer munu And Footer Menu as Footer Menu

Have fun.................

After Importing demo data you have to change replace all image URLs and links on elementor pages

Custom Post

We have used one custom post type for Charipex theme. You can add or delete or edit your custom post type.
  • Footer:For adding Custom Footer Layout.
  • Tean Member:For adding volunteers Member.
  • Portfolio:For adding Portfolios works.

Footer CPT

With Footer CPT you can design footer with Elementor page builder

Navigate to Footer in your WordPress admin dashboard.

Here you add footer title and select Elementor Canvas Template as page template

After adding a footer template you can set it as a footer from the theme option or specific page option

Volunteers CPT

Navigate to Volunteers in your WordPress admin dashboard.

Here you add Member title and member image.

You can add more information about member with extra volunteers options. Which will display in member details page

Portfolio CPT

With Portfolio CPT you add your recent Portfolio or Project or Gallery

Navigate to Portfolio in your WordPress admin dashboard.

Here you can add Portfolio title content image and Portfolio categories.

Your can also customize Portfolio details layout with Portfolio options

WPForms

Go to Contact in your dashboard. and click on add new button for adding a new contact form.

Learn More About WPForms from their Official Documentation site

4.Theme Options

From the Theme options, you will have more customization options for the following elements in your website.

We will look look into the details of the individual sections in the following:

4.1. Preloader

From the Preloader section, you can determine what the website shows as it loads the content of your website. You can customize the Preloader settings in the following ways:

Enable Preloader : From this section, you can enable or disable pre-loader option on our website. If you do not want to show any Preloader on your website, just off the setting from here.

Background : From this section, you can change background color of preloader

Object Color : From this section, you can change preloader line background color

4.2. Header

Navigate to the Header section from the Theme Settings option. Here you will get to customize the following options within the header. You can customize Header Layout, Logo, Extra information, Styling, And Menu as well.

4.2.1. Header Layout

From this section you can change Header layout

Here You can change your header layout, Also cart sidebar, Sticky header as well

4.2.2. Logo

Here you can upload your Main logo. Also you can set Logo Dimensions

We recommend you upload the PNG version of your logo so that it can stand out on any background.

Logo Dimensions:From this option, you can change the width, height and pixel of your logo to meet your requirements.

4.2.3. Header Extra information

Form this section you can add Header Button, Contact Button Topbar information

Your can also customize header Off Canvas panel. N:B:Off Canvas panel works only with header layout three

4.2.4. Header Styling

From the Header Styling option, you can customize the following sections.

4.2.5. Mobile Menu

In This section you can customize Mobile Header

4.3. Footer

Navigate to Theme option > Footer Section to customize your site footer.

4.3.1. Footer Layout

Here you can select which footer template you want to use for the global site footer. You can also use a specific footer template for a specific page from the Page option.

You can also use the default widgets for your site footer content

4.3.2. Footer Widget

From the Footer Widget option, you can customize default footer widgets typography, color, background

Those options work only if you select footer widgets as for your footer

4.3.2. Footer Copyright

Those options work only if you select footer widgets as for your footer

4.4. Page Title Options

Navigate to the Page Title from the Theme option. Here you can enable or disable page heading and Breadcrumb

4.4.1 Page Title

Here you can enable or disable page title area.

4.4.2 Page Title style

Here you can change page title style.

4.5. Blog

In this section you can customize you want show your blog

4.5.1. Blog Archive

Customize Blog archive page

Here you can select archive page layout of blog. And Enable Disable Post metas

4.5.2. Blog Single

Navigate to Theme Option > Blog > Blog Single. Here you find blog single options

4.6. GiveWp

We are using the GiveWp donation plugin to receive donations from donors. Here some customization options for GiveWp Plugin.

You can learn more about GiveWp from their Documentation

4.6.1. GiveWp Archive

Here you can customize fonation Form single Archive page.

You can select archive style , Column etc

4.6.2. GiveWp Single

Donation Form single page layout

4.7. Volunteers

Here option for Volunteers archive and details page

4.7.1. Volunteers Archive

Customize Volunteers archive Layout, Grid Column, Item style

You can cange Volunteers cpt permalink from Volunteers slug.

Don't forget to save the permalinks settings from Settings > Permalinks after changing the slug value.

4.7.2. Volunteers Single

Here you enable or disable Related Volunteers

We are coming soon with more customizable options

4.8. Portfolio

Here option for Portfolio archive and details page

4.8.1. Portfolio Archive

Customize Portfolio archive Layout, Grid Column, Item style

You can cange Portfolio cpt permalink from Portfolio slug.

Don't forget to save the permalinks settings from Settings > Permalinks after changing the slug value.

4.8.2. Portfolio Single

Here you enable or disable Related Portfolio

We are coming soon with more customizable options

4.9. 404

In the 404 Error Page section, You can change error image, title error message

You can also use a different footer template for 404 page

4.10. Color Scheme

We use some color schemes for making this beautiful theme. You change those colors from here as you like

N.B: For changing elementor widgets color, you can change from elementor widget panel

4.11. Typography

Here you will get the functionality to change the Body, Heading typography. Typography for individual sections can be found with those sections individually. You can select Font Family, Size, Alignment and Color from this section.

4.12. Custom Scripts

Here can add custom scripts(js code). Must Be type without script tag and valid code

4.13. Backup

From this section you can download the backup of the theme settings and also import previously saved theme settings.

5.Page Options

Charipex Page Options get even more interesting in the creative process. These are a set of options that can be used on every single page, and will only affect the individual page you use them on.

Page options override theme options to allow extreme control over each page. Theme options are global, page options are individual. This setup gives you amazing creative flexibility that becomes indispensable when you start creating your site. Having the option to freely choose how individual pages are styled is incredible freedom.

Page layout: Here you can select layout for this page

Page Title: Enable or disable page title here. You can also add custom title for page title

Header: Here you can customize haeder style for page individual

Footer: Here you can customize Footer style for page individual

6. Widgets / Sidebars

The theme supports multiple location sidebar areas. Navigate to Appearance > Widgets to see available sidebars and widgets, to set overall site sidebar’s you will need to add some widgets inside your Primary Sidebar area. The primary sidebar area’s widgets will show on the blog sidebar; like below shot:

7. Elementor Guide

It’s about time for a live page builder, with no limits of design. A page builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress. You can find the link below that have additional information about using Elementor.

Elementor Documentation

We provide 25+ Elementor widgets to make Charipex perfect for your business


How to enable Elementor editor for different custom post types

Step 1 — Navigate to your website’s WordPress Dashboard > Elementor > Settings

Step 2 — Tick the post you want to edit with Elementor in the Post Types section and click the Save Changes button.

Step 3 — Then proceed to your post type (it can be Products, Volunteers or any other type), hover over it and click Edit.

Step 4 — Now you can click Edit with Elementor button and start working!


How to import Elementor Template

Step 1 — Go to Templates > Saved Templates

Step 2 — Click the Import Templates button

Step 3 — Choose the file you want to import and click the Import Now button

Step 4 — Your imported template will now be displayed in your Templates list


How to disable Elementor default color and fonts?

If you notice that Elementor default blue color is getting on your website texts and it’s looking wired to you. Actually, it breaks the theme original design.

You can disable the Elementor default color from Elementor > Settings. From there, make the Disable Default Colors and Disable Default Fonts check-boxes checked.

8. Getting Update

You can get the updated theme on Themeforest

Updating Methods

There are four methods to update WordPress themes to the newer version. These new updates are essential if you want to have a bug free website as we give new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with new versions of WordPress. There is no risk of losing your settings and pages. However if you had done modifications in parent theme files, then they will be lost.

Please note that before updating a theme, we recommend you to make a backup of your modified files. Also, we recommend to deactivate its current version and then upload the zip file with the new theme version then activate and update the theme.

1. Update Using FTP

  • Go to your Hosting Panel and find your FTP account. You need the username and the password.
  • Open FileZilla and click on File>Site Manager> New Site
  • Add the following details
    • Host: usually is ftp.yourdomainname.com
    • Protocol: FTP or SFTP
    • Logon Type: Normal
    • User: your username
    • Password: your password
    • Click on Connect.
  • Login into your Themeforest account and go to downloads
  • Download the theme into your computer
  • Unzip the item main file
  • Locate the Charipex.zip file and unzip it. Make sure your unzipping software does not create an extra directory with the same name nested into each other.
  • Drag and drop theme main folder into your FTP program with the destination: “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/”
  • FTP program will give a warning that there is an existing with the same directory name, choose to replace all.
  • It will take longer time to replace all files. After the theme files are replaced, login to your WordPress dashboard and you will see the updated version change log. You have to update the Charipex core plugin as the same theme version of the theme to ensure the compatibility between the theme and core plugin. When there is a new update available for the plugin, you will find the plugin update notice in the dashboard.
  • To update the Core Plugin, just click to the “Begin Updating Plugin.“

Note: You can also upload the new version of the theme to “YOUR_HOSTING_ROOT/YOUR_SUBDIRECTORY/wp-content/themes/” directory with cPanel File Manager. Make sure every time that, you have replaced the old theme with the new version of the theme.

2. Manual Update Through WordPress Admin Panel

  • Navigate to Appearance > Themes Activate another theme to deactivate the Charipex theme
  • Delete the existing installed theme (old version).
  • Unzip the file you just downloaded from Themeforest and locate the WordPress Theme Charipex.zip
  • Still within the Themes section, on the header tab, click on “Install Themes”, then on the header second tab click “Upload”.
  • Click “Browse…” and locate the new theme file Charipex.zip
  • In the “Upgrade existing theme?” option choose “Yes” from the dropdown list.
  • Click “Install Now”.
  • Click “Activate”.

9. Get Support

If you are unable to find your answer in our documentation or if you have a problem, please you can contact us, we will check and help you as soon as possible. Please be sure to include your site URL as well or send us an email.