Thank you for purchasing our theme!
This guide provides instructions for installation. It is recommended you read it thoroughly
to fully leverage the "Orabel" theme's capabilities. If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com
Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server. Here is a very detailed guide at Wordpress Codex that will walk you through every step.
To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Add New” button at the top of the page and then select the “Upload Theme” button. Choose Orabel theme "orabel.zip" file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.
When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the
entire package you downloaded. In this case, you will be uploading "orabel.zip".
(Video installation instructions below):
To manually upload your new WordPress theme, login with your credentials to your website and locate the
wp-content folder in your WordPress install files. Upload the un-zipped
orabel WordPress Theme folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard.
Once you have installed and activated our theme you will be prompted to install required and recommended plugins for all theme features. Just click the link to Begin installing plugins and activate all plugins.
- To import demo content, please follow some steps below:
1. First, be sure that "orabel" theme and all required plugins is activated, then go to Appearance > Import Demo Data and import demo content from the list.
(Video instructions below):
The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
For detailed information, documentation and support on this plugin, please go to: Elementor
ACF PRO includes extra fields & features to better develop websites including repeatable blocks, page building layouts, intuitive galleries, custom settings pages and reusable fields!
For detailed information and support on this plugin, please go to: ACF Pro
This plugin it's designed for Orabel Theme.
Import your content, widgets and theme settings with one click.
For detailed information, please go to: One Click Demo Import
Contact Form 7 is one of the most popular form builders for wordpress.
For detailed information and support on this plugin, please go to: Contact Form 7
All global settings can be found in Dashboard > Orabel Options. In addition, you can customize:
In "General" Tab you can set up: Page Transition (Option for enable/disable page transition), Elementor Lightbox (Option for enable/disable elementor image lightbox popup), 404 Page.
In "Styling" Tab you can set up: Accent Color #1, Text Color #1, Background Color #1, Background Color #2, Background Color #3, Basic Text Font-Size/Family, Heading Font-Size/Family, Menu Font-Size/Family, Buttons Colors/Typograhpy, Preloader On/Off, Preloader Color.
In "Header & Footer" Tab you can set up: Header Template, Footer Template.
In "Menu Popup" Tab you can set up: Menu BG Image, Description, Instagram Button.
(Video instructions below):
- To customize Header/Footer Layout using Elementor builder, please do the following:
1. Go to Dashboard > Header & Footer -> Header #1 -> Edit with Elementor (or add new template).
2. In Elementor builder panel drag and drop "Orabel Theme" elements.
3. Go to Dashboard > Orabel Options > Header & Footer and on "Header/Footer Template" choise created Header/Footer template.
(Video instructions below):
- To create page with Elementor builder, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Elementor builder" and Save Changes. Click to "Edit with Elementor" button.
3. In Elementor builder panel drag and drop "Orabel Theme" elements & widgets and fill the fields.
(Video instructions below):
- To edit Page, please do the following:
1. Go to Dashboard > Pages > Edit.
2. In the tab "Page Attributes" > "Template", select "Elementor builder". Click to "Edit with Elementor" button.
3. In Elementor builder panel drag and drop "Orabel Theme" elements & widgets and fill the fields.
(Video instructions below):
- To create Portfolio Items, please do the following:
1. Go to Portfolio > New Project.
2. In the tab "Featured Image", select image from Library or Upload new. Enter Title, Categories, Images, Description and click Update button.
- To create Portfolio Pages
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Elementor builder" and Save Changes. Click to "Edit with Elementor" button.
3. In Elementor builder panel, drag and drop widgets "Portfolio" and configure settings, fields.
(Video instructions below):
- To create Contacts Form, please do the following:
1. Go to Dashboard > Contact > Contact Forms > Add New.
2. Enter form name "Contact Form".
3. In the tab "Form" you can use default form layout or enter this code lines:
<div class="orb-grid orb-padding-grid"> <div class="orb-g-50 orb-sm-100"> <div class="orb-group-input"> [text* cf-name placeholder "Name"] </div> </div> <div class="orb-g-50 orb-sm-100"> <div class="orb-group-input"> [email* cf-email placeholder "E-mail"] </div> </div> <div class="orb-g-100"> <div class="orb-group-input"> [textarea cf-message placeholder "Your message"] </div> </div> </div> <div class="orb-form-bottom"> <div class="accept-terms-wrap"> [checkbox* cf-terms class:inp-cbx "accept"] <label class="cbx terms" for="cbx"> <span> <svg width="12px" height="10px" viewbox="0 0 12 10"> <polyline points="1.5 6 4.5 9 10.5 1"></polyline> </svg> </span> <span>I accept<a href="/orabel/terms/" data-no-swup class="terms-link" target="_blank">terms</a>.</span> </label> </div> <button class="orb-submit-btn" type="submit"> <span>Send message</span> <span class="orb-arrow orb-arrow-inline"></span> </button> </div>
4. In the tab "Mail", enter this your email address.
5. Save Changes.
- To insert Contact form to page, please do the following:
1. Go to Dashboard > Pages > Contact. Click to "Edit with Elementor" button.
2. In Elementor widget "Contact Form" in Form field, select your created CF7 form.
- To create Blog Pages, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Elementor builder". In the tab "Publish" click to "Publish" button.
3. Click to "Edit with Elementor" button.
4. In Elementor builder panel drag and drop "Orabel Theme" widget: "Blog" and more.
6. Go to Dashboard > Posts > Add New.
7. Enter your Post Title, Description, choose category and the tab Featured Image upload & select preview image. In the tab "Publish" click to "Publish" button.
To easy and fast update theme and plugins you can use Envato Market Plugin (I added this plugin in recommended list in the theme):
1) Install Envato Market Plugin: https://envato.com/market-plugin/ and activate.
2) On admin panel go to Envato Market -> Settings -> Generate an Envato API Personal Token -> Click on link -> Login to your Envato Account -> Checked “Permissions ( https://gyazo.com/8a94c801e8197207d3d37467aa8587fb )” on list -> Create Token.
3) Use plugin “Envato Market -> Themes” to install all future updates. (in a few clicks).
Thanks!
You can update our theme via WordPress Panel, Go to Dashboard > Appearance > Themes. Click "Add New" -> "Upload Theme". Choose orabel theme "orabel.zip" file and select “Install Now”.
You can update our theme using via FTP or Cpanel.
Download the latest version of the theme on ThemeForest download page and you rename the folder contain the old theme and create a new folder and insert the latest theme in here.
If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com
- ACF Pro
- Elementor
- Bootstrap
- Magnific Popup
- imagesLoaded
- Isotope
- Swiper
- Unsplash
- Shutterstock