Introduction

Thank you for purchasing Beoreo WordPress Theme. Before you
get started, please be sure to always check out these documentation
files. We outline all kinds of good information, and provide you with
all the details you need know to use Beoreo Theme.

If you are unable to find your answer
here in the documentation, please contact us on our Support Forum or
directly from our themeforest account

What is included in the price?

Please don't forget to rate Beoreo with 5 stars and leave a nice review, it means a lot to us.Simply log in into your Themeforest, go to Downloads section and click 5 stars next to the Beoreo WordPress theme.

Thanks!Bearsthemes Team

Theme Installation via WordPress

When you download the theme from Themeforest, you will get an archive file in .zip extension.You need to unzip that archive. When done, you should see Beoreo.zip (zip file name can be changed from version to version).

Please, follow the steps below to install Beoreo Theme.

Step 1 - Login to your WordPress Dasrdoard.

Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme ( see screenshots below ).

Step 3 - Click on Upload button at the top of the screen.

Step 4 - Choose Beoreo.zip.

Step 5 - Wait while the theme is uploaded and installed then activate the theme.

Step 6 - After activating the theme a notice should appear on the top of the screen, click on begin installing plugins ( see screenshots below ).

Step 8 - Congratulation you are ready to use Beoreo, check the First Steps part of our documentation to see what you may want to do before starting to edit your WordPress Site.

Common Theme Installation Problems

“Are you sure you want to do this?”
If you get the “Are you sure you want to do this” message
when installing Beoreo.zip file via WordPress, it means you have an
upload file size limit. Install the theme via FTP if this happens, or
ask your hosting company to increase the limit.

Missing stylesheet file
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 Beoreo.zip within the Theme Files folder. You have to
unzip the file that you download from Themeforest to find this.

Theme Installation via FTP

If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.

When you download the theme from Themeforest, you will get an archive file in .zip extension.You need to unzip that archive. When done, you should see Beoreo Folder(folder name can be changed from version to version).

Additional Links

Setting up the Demo Content

Before importing the dummy data Make sure you have all the plugin installed and Import Custom Post Type UI ( if you want to use portfolio, team, testimonial, packages and woocommerce. You make sure to install all first ).

2.4. Widget Importer

Error or Problem with Import of the Demo

If you have problems importing the demo ( example :
infinite loading, error 505 with when using wordpress importer ) then
you may have a problem with the server settings. Please create ticket in Support Forum.

General Options

You can enable Less Design, change Body Layout, change Body Background and enable Page Loader in the Theme Options. Please, follow the steps below to change general options.

Step 1 - Login to your WordPress Dasrdoard.

Step 2 - Go to Appearance > Theme Options > General .

Step 3 - Choose which part of the theme you want to modify.

Less Design: To use the less design features.

Layout: To modify Body layout with wide or boxed.

Body Background: To modify Body background with image, color, etc.

Page Loader: To Enable/Disable page loader.

Step 4 - When you have finish to customize the general options don't forget to save

Upload your logo

You can upload your logo image in the Theme Options. Please, follow the steps below to upload your logo:

Creating your menu

Step 2 - From the 'Appearance' menu on the left-hand side of the Dasrdoard, select the 'Menus' option to bring up the Menu Editor.

Step 3 - Select Create a new menu at the top of the page.

Step 4 - Enter a name for your new menu in the Menu Name box.

Step 5 - Click the Create Menu button.

Your menu is now defined, and you can now add pages to it (steps below).

Adding pages to your menu

The Screen Options allow you to choose which items you can
use to add to a menu. Certain items, like Posts are hidden by default.
The Screen Options are located in the top right corner of your WordPress
Dasrdoard.

Step 1 - Locate the pane entitled Pages.

Step 2 - Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.

Step 3 - Select the Pages that you want to add by clicking the checkbox next to each Page's title.

Step 4 - Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.

Assigning a Menu to a Location

Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.

Step 1 - Go to Appearance > Menus and click Manage Locations.

Step 2 - Assign each Theme Location with a menu. You can assign menus to multiple Theme Locations.

Step 3 - Click the Save Changes button.

Mega Menu

Beoreo features Mega Menus. The mega menus are available only for top level navigations items only in "Main Menu" area.Follow the steps below to create a mega menu:

Step 1 - Add a an item to the menu editor. This has to be a top level item!

Step 2 - Click on arrow icon in the top right-hand and exapnd.

Step 3 - Seclect the columns number you want to use (from 2 to 4) in Submenu Type.

Step 4 - Now, you need to add child menu items, which will represent columns in the mega menu.First level of child items will represent Titles in each of 3 columns.Add 3 sub child menu items, like on the image below.

Step 5 - Now, add child items
to each of those columns. This will represent your actual sub-menu
pages. Take a look at the image below.

The menu dropdown should now look something like this :

Step 6 - If you want to Remove the Titles (First Column, Second Column Third Column) Go back to the Mega menu setting and check Hide Mega Menu heading.

The menu dropdown should now look something like this :

Step 7 - Adding Widget / Image to the
Menu. To do this first you need to have a Widget set with some widget (
you can create new sidebar go to Appearance > Widget ). Menu doesn't work with all the widget, but works will all Beoreo Widget and Default WordPress Text Widget

Step 8 - When you have set your sidebar with widget click on the sub child menu you want to turn into widget area ( we will turn the third column into a widget area), make sure it doesn't have sub menu

Create Team page ( standard )

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Team module.

Step 6 - The Team should appear. You can customize the Team by modifying the settings

Step 7 - After finishing, Publish the page.

Create Team page ( carousel )

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Team Carousel module.

Step 6 - The Team Carousel should appear. You can customize the Team Carousel by modifying the settings

Step 7 - After finishing, Publish the page.

Create Orther posts & Page

Please do it same post or portfoio or team.

Theme Options

The theme comes with an extensive Theme Options Panel. From
the Theme options panel you will be able to set or change the color of
the theme, layout, header style, social icons and a lot more. You should
take the time to go through all of these options to ensure that you are
getting the most out of the theme.
Click Theme Options to access the Theme Options Panel.

Page setting

Custom CSS

Custom CSS Code - Quickly add some CSS to your theme by adding it to this block.

Demo Importer

Demo Importer - Click on the demo you want to import

Page Options

For each page you can change the title
style, title background color, select to use a slider and much more!
Check the screenshot and read the documentation to see how it works

General setting

Body Layout - Select body layout for page.

Header setting

Select Header - Select header layout for page.

Logo - Select an image logo for page.

Stick Logo - Select an image stick logo for page.

Select Menu - Select menu for page.

Select Position - Select position menu for page.

Disable Stick Menu - Disable Stick Menu for page.

Title Bar setting

Body Layout - Select Background title bar for page.

Footer setting

Select Footer - Select footer layout for page.

Show Footer Top - Show or hide footer top for page.

Show Footer Bottom - Show or hide footer bottom for page.

Revolution Slider

Beoreo theme includes the premium plugin - Revolution Slider.
Once you've installed and activated the Revolution Slider
plugin, you will then see the menu item appear at the bottom of the
WordPress menu, as below:

Documentation

You can import the revolution slider we used in our demo, all
slider are in the slider folder. To learn more about the Revolution
Slider plugin please read the Plugin documentation

Widgets

Widgets

Beoreo theme comes with Custom widget created specially for the theme.To set the Widget go to Appearance > Widgets.

Duplicate Element

Remove Element

About Row / Column / Custom heading / Text Block Design options

Design Options - When you edit row / column / custom heading / text block module, you can edit the design options . Row / Custom Heading / Text Block element have a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space It is Good to add bottom Padding to your Column, so they will looks good on mobile Left and Right Margin should NEVER be modified, please left blank For Row module the Left and Right Padding should also NEVER be modified, please left blank

Create Contact Form

Step 3 - Edit the Form field to change the Form Layout ( if you want to use one of the layout you saw on the demo check the next step )

Step 4 - Save your Form

Create contact page

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Contact Form 7.

Step 6 - The Contact Form 7 Settings should appear. Select the Form you want to use you can also customize the Color and change the fields layout and button design

Step 7 - Update / Publish your page

WooCommerce

Beoreo themes is 100% compatible with the WooCommerce
plugin for WordPress. It includes full design integration of the
WooCommerce pages, shortcodes and widgets.

If you want to use Woocommerce you will have to install the plugin, to do so go to Plugins > Add New , search for Woocommerce.The Plugin you need to install is WooCommerce - excelling eCommerce by WooThemes

Child Theme

Beoreo comes with a Child Theme.Simply install Beoreo_Child.zip like a regular WordPress theme.

What is a Child Theme?

A child theme is a theme that inherits the functionality of
another theme, called the parent theme. Child themes allow you to
modify, or add to the functionality of that parent theme. A child theme
is the best, safest, and easiest way to modify an existing theme,
whether you want to make a few tiny changes or extensive changes.
Instead of modifying the theme files directly, you can create a child
theme and override within.

Why use a Child Theme?

If you modify an existing theme and it is updated, your
changes will be lost. With a child theme, you can update the parent
theme (which might be important for security or functionality) and still
keep your changes.
It’s a great way to get started if you are just learning WordPress theme
development.

Additional Links

You need to use a Child Theme only if you are making code customizations.

Disable Comments

Comments are enabled on WordPress by default. You can
change this default for new posts or pages you’ll publish in the future,
as well as change it for posts or pages you already published.

To change the defaults for new posts or pages, go to Settings → Discussion.

To disable comments on an existing post/page/project, open it up for
editing. Now beneath the main content area, you should see a box labeled
“Discussion”. Simply uncheck both boxes and save your changes.

What if you can’t see the discussion box?

Then you need to click the “Screen Options” tab in
the upper right corner of your screen and check the box to enable the
discussion module. You still need to close the tab and navigate to the
bottom of the page and uncheck “Allow Comments” in the discussion module.

Theme Update via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress.Follow the steps below to update your theme via WordPress:

Step 1 - Log into your WordPress Dasrdoard.

Step 2 - Go to Appearance > Themes.

Step 3 - Deactivate the Beoreo Theme by simply activating a different theme. Once you activate a different theme, you can delete the Beoreo theme.

Step 4 - Delete the Beoreo Theme. Do not worry, your content will not be lost!

Step 5 - Then simply upload the new “Beoreo.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.

Theme Update via FTP

Updating the theme via FTP is very similar to the install process via FTP.Follow the steps below to update your theme via FTP:

Step 1 - Go to .../wp-content > themes
location on your server using a FTP client and backup your "Beoreo"
theme folder by saving it to your computer, or you can choose to simply
delete it. Your content will not be lost.

Step 2 - Download the new version of Beoreo theme from your Themeforest and retrieve Beoreo folder by unpacking the zip that you download from Themeforest and Beoreo_(version.number).zip.

Step 3 - Then simply drag and drop the new "Beoreo" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.