hibreed Documentation

hibreed hosting wp theme

theme documentation version 1.0


Thank you so much for purchasing our theme and for being our loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + free support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this theme works and how to edit this properly. Basic WordPress knowledge is required to customize this template. You may learn basics here, here Or by videos here.

before get started

we highly encourage you to get familiar with this documentation file. Spending half an hour reading the manual may save a lot of your time and avoid questions with obvious answers.

To quickly find the necessary information, you can use your browser's built-in "Search" tool

  • Press the CMD+F (in macOS)
  • press CTRL+F (in Windows)

Getting Started #back to top

To install this theme you must have a working version of WordPress already installed. Below are all the useful videos for WordPress instalation.

To use this theme you must be running at least WordPress 3.9, PHP5, mysql 5 or higher

Theme Installation#back to top

Before installing the theme, please make sure you unpacked the archive and extracted theme files. the screenshot below as an example only.

To install the theme, you must have WordPress installed.

Update WordPress: before instel our theme we highly recommend updating your WordPress to the latest stable version.

There are 2 ways to install the theme:

  • via WordPress:
    1. Login to admin panel.
    2. Navigate to Appearance > Themes and click on the Add New.

    3. Choose Upload theme option and upload breed theme zip and click Install Now.
    4. After the installation, click on Activate theme.

    5. Once the theme is activated, you have to install the required & recommended plugins.
    6. All these plugins are included into the theme, To make your website look more similar to the demo, you need to install this plugins

    7. Once instale the plugins you have to avtive thos plugins

    8. only for developers! we recommend activating a child theme before demo data installation, If you want to make changes in theme’s templates or functions,

  • via FTP:
    1. Log into your web server with FTP
    2. Unzip the breed-coodiv.zip
    3. Upload the extracted breed-coodiv theme folder into wp-content/themes folder.
    4. Navigate to Appearance > Themes and actived the theme.

    5. continue the installation like the WordPress install way.

    after do this steps you have to configrate plugins and install the demo content

    Plug-ins Installation #back to top

    To make the theme look more similar to the demo, you need to install & actived the required & recommended plugins

    Available plug-ins:

    • Contact Form 7
    • KingComposer
    • MailChimp for WordPress
    • Max Mega Menu
    • One Click Demo Import
    • Redux Framework
    • Secondary Title
    • Testimonial

    Demo Content

    Our theme includes a One click demo data import. It allows install demo cotent in just 1 click.

    Before installing demo data! make sure you have installed all the required plugins

    When installing demo-data please use fresh WordPress, ALL THE EXISTING CONTENTS of your website will be deleted and replaced with the new data!

    please follow these steps To import demo content:

    1. in your wordpress admin panel go to Appearance > Install Demo Data:

    2. Click on "import demo data" button.

    3. this may take a while, please wait to Success message show

    required Modifications

    first you have to edit Secondary Title and turn off the auto show

    go to Settings » Secondary Title

    go to Settings » Reading and set the Your homepage displays like this:

    KC Shortcode#back to top

    King Composer plugin comes bundled with Utouch and is the main page builder in the theme. It provides backend and frontend editors. You can use one that is more convenient for you.

    To start use King Composer you have to import the Shortcode :

    1. Navigate to King Composer > Shortcode Mapper:

    2. click on Import / Export thene import tab
    3. import shortcode.kc you will find it in .../wp-content/themes/breed-coodiv/ocdi

    once you import the shortcode you will find 33 shortcode

    more about King Composer

    Adding Elements

    Start adding elements to your page. You can do it in two ways :

    we build lot of section from our shortcode, this the easy way to build pages in our theme,
    1- KC Sections (templates libary) way:

    1. Click on the 'templates libary' button to add any element from the list.

    2. select the section ,you will find evry single section used in our theme here

    3. and just edit the text

    2- KC Adding Elements way:

    this way is a little bit difficult, because you have to be knowledgeable in King Composer plugin

    1. Click on the 'Elements' button to add any element from the list.

    2. You can choose column layout for your section first, and then add elements to each column by clicking on the 'Add Elements' link or 'PLUS' icon.

    3. All KC elements are divided in tabs by functionality and have small thumbnails above titles to demonstrate their role in the theme.

    4. just add what you want and edit it :)

    Menus #back to top

    Each of the menu locations is available for filling with any of the predefined menu sets and also available for editing right through the "Customizer" settings.

    you can edit menus through the Appearance > Menus
    this theme has 4 menu locations

    1. Primary Menu: main menu in our theme header
    2. Top header Menu: top menu in our theme
    3. first footer menu: first menu row in the footer
    4. second footer menu: second menu row in the footer


    the megamenu available in Primary Menu only

    first you have to enable the megamenu in you menu (Primary Menu)

    and just go to your item and you will see the megamenu icon click on it to add it to your item

    and add you links or widget to menu :)

    MailChimp Settings#back to top

    to set the mailchimp plugin you have to go admin-panel > MailChimp for WordPress

    and create API key to connect with the server MailChimp for WordPress

    now setup the MailChimp form go to admin-panel > MailChimp for WordPress > form
    copy the code and past in Form Fields


    now add mailchimp widget to the footer like this: go to appearance > Widgets

    Theme Customizer#back to top

    In the WP dashboard side menu go to Appearance > Customize with this feature you will make extremely user-friendly and straight-forward theme, allowing the Administrator to manage the feel and look of website easily from one place.

    Breed Theme Options Panel! or you can go to dashboard side menu Breed Theme Options you will find there Separate admin panel for the theme ,
    you can customize all you theme there ex,logo, favicon, contact, header, domain search ..... ext

    In the WP dashboard side menu go to pages > add new there you can add new pages for your website

    in our theme there is 3 page layouts you can use them

    and you can select the page layout from page attributes section

    the page content! you can use king composer builder to build you page

    In the WP dashboard side menu go to posts > add new there you can add new post for your website

    How to Create a New Post in WordPress

    WHMCS template instalation#back to top

    How to install whmcs

    How to install whmcs template

    we give you 2 whmcs teplate version templates-breed and templates-breed-standard you can preview them in our demo

    Support#back to top

    Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

    Please visit our profile page or ask question @nedjai mohamed

    Support for my items includes:
    1. Responding to questions or problems regarding the item and its features
    2. Fixing bugs and reported issues
    3. Providing updates to ensure compatibility with new software versions
    Item support does not include:
    1. Customization & installation services
    2. support for third party software and plug-ins
    Before seeking support, please...
    1. Make sure your question is a valid Theme Issue and not a customization request.
    2. Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
    3. Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
    4. If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
    5. Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
    6. Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

    Files & Sources #back to top

    Included Stylesheets

    These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included css codes under .../wp-content/themes/breed-coodiv/css/

    • style.css - Primary stylesheet
    • bootstrap.css - Bootstrap stylesheet
    • owl-carousel.css - OWL Carousel
    • fontawesome.css- FontAwesome Font Icons stylesheet
    • custom.css - Pathos Color Schemes stylesheet
    • prettyPhoto.css - Lightbox effect css file
    • carousel.css - OWL Carousel css file
    • animate.css - CSS3 animations css file
    Included JavaScript

    These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under .../wp-content/themes/breed-coodiv/js/

    • bootstrap.js - Bootstrap JavaScript
    • pagescript.js - All JavaScript Plugins
    • jquery.js - Base JavaScript
    • prettyPhoto.js - Lightbox JavaScript
    • owl-carousel.js - Lightbox JavaScript
    • wow.min.js - CSS3 animation JavaScript

    Version History (Changelog) #back to top

    You can find the version history (changelog.txt) file on breed-coodiv.zip folder or you can check changelog on theme sale page.

    Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.


                                            Version 1.0.0 - July 24, 2018
                                            - actual release

    Copyright and license #back to top

    With ThemeForest regular license you are licensed to use this theme to create one single End Product (the final website customized with your content) for yourself or for one client. In short:

    What is allowed with single regular license:
    1. You can create one website for yourself or for your client and you can transfer that single website to your client for any fee. This license is then transferred to your client.
    2. You can install the theme on your test server for testing/development purposes (that installation shouldn't be available to the public).
    3. You can modify or manipulate the theme, you can combine it with other works to create the End Product.
    What is not allowed:
    1. With single regular license you are not allowed to create multiple websites. For multiple websites you will need multiple regular licenses.
    2. To resell the same website (Single End Product) to another clients. You will need to purchase an extended license for this.

    For more information regarding license regulations and policies, please check the links below:
    License FAQ.
    Licenses overview.
    Regular license details.
    Extended license details.