WordPress & Joomla Documentation - ThemeXpert

HostZine

2018-03-28T11:16:21+06:00

Key Features

Fully Responsive
Fast Loading
Meaningful Trendy Layout
SEO Optimized
Dynamic Navigation Menu
Smooth Collapsing Transaction
Domain Searching Module
WHMCS Supported
Animation Slider
Redux Framework
CMB2
Elementor Pagebuilder
weForms
One Click Demo Import
MailChimp
Instagram Widget

Requirements

In order to run HostZine smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to HostZine download page on www.themeforest.net then download the hostzinepackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

To install this theme, you must have a working version of WordPress already installed on your server. If you need help installing WordPress, go through the link and follow the instructions: Installing WordPress

Installing Theme

There are a couple of simple steps to install HostZine theme on your server. It's quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply HostZine theme, in that case, you just need to install the following package:

hostzine.zip

You can find this package inside the downloaded .zip file of HostZine theme. So, before getting started with the installation process, Extract the .zip file and you'll find the desire hostzine.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the hostzine.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for HostZine theme to work properly. Those are listed below:

HostZine Core : Theme core functionality (CPTs and shortcodes).
Elementor : Drag and Drop Page builder.
Redux Framework: Used to build its backend admin panel.
CMB2 : For building meta boxes.
WHMCS Bridge : For Purchasing a Web Hosting
One Click Demo Import : One Click Demo data importer.
weForms : For Creating Contact Form (optional)
Widget Importer & Exporter (optional)
Instagram Slider Widget : Showcasing Instagram Images (optional)
MailChimp for WordPress : Email Automation Tool (optional)

To activate those required plugins, simply go to Plugins

Select all those ten required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatic plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory. WooCommerce and Contact Form 7 can be found in WordPress plugins repository, install them through Plugins Screen

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data
Click on Import Demo Data button.

It will take some times to load all demo data on your server. Wait till it shows you a successful data importing message.

WHMCS Integration Settings

You can easily integrate HostZine with WHMCS, just go to settings > WHMCS Bridge. Place your WHMCS System URL and you are ready to go.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on HostZine at left-bottom corner of the module screen to open up Theme Setting panel.

Global Settings

Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Category Page Header Background Image : Upload your preferred category page header background image at here.
Search Page Header Background Image : Upload your preferred search page header background image at here.
404 Image : Upload media for your 404 page at here.

Header Options

Logo : Upload your branding logo using the Upload button.
Enable Header Top : Toggle on or off to show or hide header top.
Top Text : Put the message you want to show in header top position.
Email : Put the email address the customers are allowed to contact through.
Support URL : Put the link of your support page.
Login URL : Put the Link of your login page.
Phone : Put the phone no the customers are allowed to contact through.

Custom Color

Enable Custom Color : Toggle to on or off custom color.
Primary Color : Select primary color from here and to make it transparent, tick on Transparent box.
Header Top Background : Allows you to choose Background Color for header top and to make it transparent, tick on Transparent box.
Header Top Text : Choose color for your header top text and to make it transparent, tick on Transparent box.
Header Top Text Link : Choose your preferred color for header top text link and to make it transparent, tick on Transparent box.
Menu Background : Select color for your menu background from here and to make it transparent, tick on Transparent box.
Menu Text : Allows you to choose color for text, which is place over menu and to make it transparent, tick on Transparent box.
Menu Hover/Active Color : Allows you to choose menu Hover color and to make it transparent, tick on Transparent box.
Custom Footer Color : Toggle to turn on or off the custom footer color.
Text Color : Choose the color for the text you want to insert on your footer and to make it transparent, tick on Transparent box.
Widget Title Color : Choose your preferred color for the widget title and to make it transparent, tick on Transparent box.
Background Color : Select the background color of footer from here and to make it transparent, tick on Transparent box.
Custom Copyright Color : From this option turn on or off the custom copyright color.
Text Color : Pick your preferred color for the text of copyright section and to make it transparent, tick on Transparent box.
Link Hover Color : Select your desired color for link hover form here and to make it transparent, tick on Transparent box.
Background Color : Choose the background color for the copyright from here and to make it transparent, tick on Transparent box.

Custom Fonts

Enable Custom Fonts Options : Toggle to enable or disable custom fonts options.
Body Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for body.
Heading Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for header.
Menu Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for menu.

Blog

Show/Hide Related Post : Allows you enabling or disabling related post option.
Show/Hide Blog Details Page Social Share : This option enables you to show or hide blog details page social share.

Sidebar

List Sidebar : Choose the position of List SIdebar. Either you can disable- showing list sidebar, just to pick No Sidebar from the drop-down.
Detail Sidebar : Choose the position of Details SIdebar. Either you can disable- showing details sidebar, unlikely the List Sidebar, just to pick No Sidebar from the drop-down.

Social

Enable Social Profile : Toggle to turn on or off the social profile.
Social Profile : Provide your social link for specific social networks at below boxes.
Facebook : Put your facebook profile URL.
Twitter : Put your Twitter profile URL.
Google Plus : Put your Google Plus profile URL.
LinkedIn : Put your LinkedIn profile URL.
Instagram : Put your Instagram profile URL.
Youtube : Put your Youtube profile URL.

Footer

Footer Columns : Define the number of columns to show the footer content.
Show Credit? : Toggle to show or hide credit on the footer.
Enable Footer Button : Allows you to enable or disable footer button.
Copyright Text : Put the copyright text here.
Bottom Left Banner : Upload the bottom left banner.
Bottom Right Banner : Upload the bottom right banner.

Import / Export

Import : This button allows you to import your custom theme settings if you have preserved any.
Download Data File : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.
Mega Menu Configuration

Mega Menu configuration is pretty much easy with hostzine. If you want to set the megamenu as demo then, after installing the theme go to Appearance > Menus. On Feature menu set the settings as the picture below and do not forget to put the exact class name “max-menu-clm6”.

To set Hosting ment as the demo menu set the setting as the picture below and do not forget to put the exact class name “max-menu-clm”.

If you want you can do it all by yourself. Just customize the settings by yourself. To get the deafault style of mega menu, copy this code to a .json file and import it in Max megamenu.

{"title":"Default","container_background_from":"rgba(0, 0, 0, 0)","container_background_to":"rgba(0, 0, 0, 0)","menu_item_align":"right","menu_item_background_hover_from":"rgba(0, 0, 0, 0)","menu_item_background_hover_to":"rgba(0, 0, 0, 0)","menu_item_link_height":"75px","menu_item_link_color":"rgb(138, 136, 136)","menu_item_link_weight":"bold","menu_item_link_text_transform":"uppercase","menu_item_link_color_hover":"rgb(44, 102, 251)","menu_item_link_weight_hover":"bold","panel_background_from":"rgb(255, 255, 255)","panel_background_to":"rgb(255, 255, 255)","panel_border_color":"rgb(221, 221, 221)","panel_border_top":"1px","panel_header_border_color":"#555","panel_font_size":"14px","panel_font_color":"#666","panel_font_family":"inherit","panel_second_level_font_color":"#555","panel_second_level_font_color_hover":"#555","panel_second_level_text_transform":"uppercase","panel_second_level_font":"inherit","panel_second_level_font_size":"16px","panel_second_level_font_weight":"bold","panel_second_level_font_weight_hover":"bold","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_second_level_border_color":"#555","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_width":"200px","flyout_menu_background_from":"rgb(255, 255, 255)","flyout_menu_background_to":"rgb(255, 255, 255)","flyout_border_color":"rgb(221, 221, 221)","flyout_border_bottom":"1px","flyout_menu_item_divider":"on","flyout_menu_item_divider_color":"rgb(247, 247, 247)","flyout_link_padding_left":"15px","flyout_link_padding_top":"3px","flyout_link_padding_bottom":"3px","flyout_background_from":"rgb(255, 255, 255)","flyout_background_to":"rgb(255, 255, 255)","flyout_background_hover_from":"rgb(255, 255, 255)","flyout_background_hover_to":"rgb(255, 255, 255)","flyout_link_size":"14px","flyout_link_color":"#666","flyout_link_color_hover":"rgb(44, 102, 251)","flyout_link_family":"inherit","mobile_columns":"2","toggle_background_from":"#222","toggle_background_to":"#222","mobile_background_from":"#222","mobile_background_to":"#222","mobile_menu_item_link_font_size":"14px","mobile_menu_item_link_color":"#ffffff","mobile_menu_item_link_text_align":"left","mobile_menu_item_link_color_hover":"rgb(44, 102, 251)","mobile_menu_item_background_hover_from":"rgba(0, 0, 0, 0)","mobile_menu_item_background_hover_to":"rgba(0, 0, 0, 0)","custom_css":"\/** Push menu onto new line **\/ \r\n#{$wrap} { \r\n    clear: both; \r\n}\r\n\r\n\/* Apply Hover Styling to active Mega Menu - Second Level Links *\/\r\n#{$wrap} #{$menu} &gt; li.mega-menu-megamenu &gt; ul.mega-sub-menu &gt; li.mega-menu-item.mega-current-menu-item &gt; a.mega-menu-link,\r\n#{$wrap} #{$menu} &gt; li.mega-menu-megamenu &gt; ul.mega-sub-menu li.mega-menu-column &gt; ul.mega-sub-menu &gt; li.mega-menu-item.mega-current-menu-item &gt; a.mega-menu-link {\r\n    color: $panel_second_level_font_color_hover;\r\n    font-weight: $panel_second_level_font_weight_hover;\r\n    text-decoration: $panel_second_level_text_decoration_hover;\r\n    @include background($panel_second_level_background_hover_from, $panel_second_level_background_hover_to);\r\n}\r\n\r\n\/* Apply Hover Styling to active Mega Menu - Third Level Links *\/\r\n#{$wrap} #{$menu} &gt; li.mega-menu-megamenu &gt; ul.mega-sub-menu &gt; li.mega-menu-item li.mega-menu-item.mega-current-menu-item &gt; a.mega-menu-link,\r\n#{$wrap} #{$menu} &gt; li.mega-menu-megamenu &gt; ul.mega-sub-menu li.mega-menu-column &gt; ul.mega-sub-menu &gt; li.mega-menu-item li.mega-menu-item.mega-current-menu-item &gt; a.mega-menu-link {\r\n    color: $panel_third_level_font_color_hover;\r\n    font-weight: $panel_third_level_font_weight_hover;\r\n    text-decoration: $panel_third_level_text_decoration_hover;\r\n    @include background($panel_third_level_background_hover_from, $panel_third_level_background_hover_to);\r\n}\r\n\r\n\/* Apply Hover Styling to active Flyout Links and ancestors *\/\r\n#{$wrap} #{$menu} li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item &gt; a.mega-menu-link,\r\n#{$wrap} #{$menu} li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor &gt; a.mega-menu-link {\r\n    @include background($flyout_background_hover_from, $flyout_background_hover_to);\r\n    font-weight: $flyout_link_weight_hover;\r\n    text-decoration: $flyout_link_text_decoration_hover;\r\n    color: $flyout_link_color_hover;\r\n}"}

Mega Menu Setting

General Settings

From here set the click event behaviour, mobile menu behaviour, css output, menu item descriptions, unbind JS events, prefix menu item classes and change setting for active menu instances.

Menu Themes

In this option you got general settings, menu bar, mega menus, flyout menus, mobile menu and custom styling. From general setting tab you can set theme title, arrow style, Z index, shadow, hover transitions, reset widget styling.

From Menu bar you can set menu height, menu background, menu padding, menu border radius, menu items align, menu item background, menu item background(hover), menu item spacing, font, font(hover), menu item padding, menu item border, menu item border(hover), menu item border radius, menu item divider and highlight current item.

From Mega menus tab you can set the margin , padding, radius and typography for the mega menu.

From Mobile menu tab set the options for mobile menu.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Your homepage displays option.
Choose your preferred home variation from the Homepage drop-down menu.
Select Blog from the Post page drop-down menu.(optional)

Use the left-bottom Save Changes button to save the settings.

Front-end appearance :

Home 1:

Home 2:

Home 3:

Home 4:

Home 5:

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for HostZine theme from the HOSTZINE ELEMENTS tab on the elementor.

Elementor

Elementor is the one of the best Drag and Drop visual editor for building pages, posts etc. in a WordPress site. If you are not familiar with Elementor, we recommend you to take a look at the following videos:

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in HostZine tab under Elementor.

Slider

To add Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Slider from the left HOSTZINE ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Under Slides, you have this options

ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.

Inside slider options, on Background tab you have this option

Background : Choose the background image for your slider at here.

On Content tab you have these options

Content : Define Image, Description and Title for your slider.

Under Global Options you have this functions

Slider Height : Define the slider height.
Caption Position : Define position for the caption.
Content Alignment : Choose content alignment from here.
Slider Interval : Choose the time for slider interval. [Time is calculated in milliseconds.]
Background Overlay : Define background overlay from here.
Background Repeat : Define the repeat option.
Background Size : Define the size of your background.
Background Position : Choose the background position.
Background Attachment : Choose the background attachment type.

Under Nav Options you have this options.

Nav Enable/Disable : Toggle to enable or disable nav.
Arrow Enable/Disable : Toggle to enable or disable arrows.
Nav & Arrow Icon Color : Define Icon color for Nav & Arrow.
Nav & Arrow Bg Color : Define background color for Nav & Arrow.

Style

Under Title you have these options:

Title Color : Choose preferred title color from here.
Title Typography : Set custom typography from here.
Span Color : Choose preferred span color from here.
Span Typography : Set custom span typography from here.
Title Padding : You can set custom padding from here.

Under Content you have these options:

Content Color : Choose color of your content.
Content Typography : Set custom typography for your slider contents from here.
Content Spacing : Manage letter spacing between contents from here.
Description Padding : Set custom padding on the description from here.

Under Button option you have these options.

Typography : Set typography for button from here.
Background Color : Set background color for your button from here.
Border Type : Set border type from this option.
Width : Set Border Width.
Color : Set Border Color.
Border Radius : Set Border Radius.
Box Shadow : Access different box shadow options from here.
Padding : Give custom padding to box from here.

Under Front Image you have these options.

Front Image Position : Set image position.
Image Size : Make your image bigger or smaller according to your need.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Write your custom CSS code at here.

Latest Post

To add Latest Post element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Latest Post from the left HOSTZINE ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Item to Show : Define how many item you want to show.
Column : Define in how many columns you want to show the items into.
Excerpt Word** : Define the number of word to show on each Box.
Title : Create your own preferred typography for title text by changing different options according to your wish.
Meta : Create your own preferred typography for meta text by changing different options according to your wish.
Description : Create your own preferred typography for description text by changing different options according to your wish.

Style

Title Color : Pick a color for title text.
Meta Color : Pick a color for meta text. (posting date, views)
Content Color : Pick a color for content text.
Button Color : Choose a color for button.
Button : Set typography, background color, border type, radius, box shadow and padding from here.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Write your custom CSS code at here.

Testimonial

To add Testimonial element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial from the left HOSTZINE ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Testimonial Style : Choose your preferred testimonial style from here.
Testimonial Options : Set Title, Designation, Image and description of testimonial from here.

Style

Under Layout you have these options

Background Color : Choose the background color.
Center Bg/Hover Color : Choose the hover color.
Autoplay Enable/Disable : Toggle to enable or disable autoplay.
Box Shadow : Set box shadow properties from here.

Under Content you have these options.

Content Typography : Set custom typography for your content from here.
Testimonial Color : Choose the color for your testimonial.

Under Name/Designation you have these options.

Name Color : Set the text color for name in testimonial.
Name Typography : Set custom typography for name text on testimonial.
Designation Color : Choose the color for designation text.
Designation Typography : Set typography for your designation text on testimonial.
Border/Quite Color : Set Border color.
Image Border Radius : Set image border radius from here.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Write your custom CSS code at here.

HostZine Tab

To add HostZine Tab element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the HostZine Tab from the left HOSTZINE ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Add Item : Click on this button to add new item.
Tab Style : Choose style for you tab.
Slider Height : Define content height.
Content Padding : Define the amount of padding you want for the content.
Tab Image : Select tab image.
Tab Title : Define title for your tab.
Content Title : Put the Content Title.
Content Area : Put the content text here.
Bottom Enable : Enable or disable button at the bottom of the content.
Button Padding : Define the amount of padding at the bottom.
Button Margin : Define the amount of margin at the bottom.

Style

Content Color : Choose a color for the icons.
Button Typography : Set your preferred typography for button.
Title Typography : Set your preferred typography for title.
Active Color :
Content Text : Choose color for text content.
Content Background : Choose color for content background.
Content Typography : Make your preferred typography for content.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Write your custom CSS code at here.

Pricing Table

To add Pricing Table element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Pricing Table from the left HOSTZINE ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Select Type : Define you want the pricing table as single table or multiple.
Pricing Table Color : Pick your preferred color for the pricing table.
Currency Symbol : Define the currency symbol.
Price : Define the price amount.
Period : Define the time period.
Image : Upload and select image for setting at of the pricing table.
Pricing Plan : Define your pricing plan.
Content Area : Put the description text of your pricing plan.
Bottom Text : Put the button text.
Link : Put the button URL.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Write your custom CSS code at here.

Domain Search

To add Domain Search element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Domain Search from the left HOSTZINE ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Action Link : Put your link for redirection to result site.
Button Text : Define text for your button.
Placeholder : Put text for your placeholder.

Style

Height : Define height.
Text Color : Define text color.
Text Hover Color : Define text hover color.
Submit Background Color : Define background color for domain search.
Submit Background Hover Color : Select background hover color from here.
Submit Border Color : Set Border color from here.
Submit Typography : Set typography from here.
Placeholder Color : Define the color of placeholder from here.
Input Text Color : Define the color of input text.
Input Border Color : Define color of input border.
Input Background Color : Define input background color.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Write your custom CSS code at here.

MagMax

2018-02-12T16:27:24+06:00

Key Features

Mobile Responsive
Fast Loading
Cross Browser Compatibility
Advertise Management
Unlimited Category Scrolling
Megamenu
Multiple Post Styles
Featured Post
Meaningful Trendy Layout
Huge Built-in Pages
Multiple Category Page Styles
SEO Optimized
Multiple Post Formats
Dynamic Navigation Menu
Quick Social Sharing
Multiple Social Commenting
Animation Slider
Redux Framework
Transparent Header
CMB2
Contact Form 7
Elementor Page Builder
weForms

Requirements

In order to run MagMax smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+
Elementor Page Builder

Download

Head over to MagMax download page on www.themeforest.net then download the MagMaxPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install MagMax theme on your server. It's quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply MagMax theme, in that case, you just need to install the following package:

magmax.zip

You can find this package inside the downloaded .zip file of MagMax theme. So, before getting started with the installation process, Extract the .zip file and you'll find the desire magmax.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the meteor.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are six plugins, required for MagMax theme to work properly. Those are listed below:

MagMax Core: theme core functionality (CPTs and shortcodes).
Elementor Page builder: Drag and Drop page builder.
Redux Framework: Used to build its backend admin panel.
CMB2: For building meta boxes.
One Click Demo Import : One Click Demo data importer.
weForms : For creating contact form.

To activate those required plugins, simply go to Plugins

Select all six required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatic plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory.

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data

Click on Import Demo Data button.

It will take some times to load all demo data on your server. Wait till it shows you a successful data importing message.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on MagMax at left-bottom corner of the module screen to open up Theme Setting panel.

General

Enable Preloader : You will be able to enable or disable preloader with this button.
Preloader Background Color : Change the background color of preloader according to your wish and if you want to keep transparent color, tick the transparent option.
Hotline Number : Allows you to show hotline number on your site.
Email Address : Allows you to show your email address on your site.
Color Variation : Choose your preferred color variation from here.
Enable Custom Color : Toggle to enable or disable custom color.
Primary Color : Select your primary color from here.
Header

Enable transparent header in front page : Tick checkbox if you want to enable header transparency in front page.
Enable Top Menu bar : Toggle to turn on or off, the Top Menu Bar.
Header Top Menu Background Color : Select your preferred header top menu background color.
Header Top Menu Color : Choose your preferred header top menu color.
Upload your site default logo : Upload the logo for your site which you want to show on all over on your site.
Upload your header advertise : If you want to load any advertise on header, upload your advertise at here.
Header Advertise Link : Put the Header advertisement link here to redirect visitor to advertisement site.
Header Layout : Choose the layout for your header.
Upload Bar Icon : Upload icon for the bar at here.
Upload Search Icon : Upload icon for the search at here.
Dark Header Color : Select dark header color from here.
Header Background Color : Alter the background color of the header from here.
Header Menu Background Color : Choose the background color of header menu from here.
Menu Color Option : Choose different menu color styles on different states like regular, hover and active.
Header Menu Item Border Color : Select the color for the header menu item border.
Sub Menu Color Option : Choose different menu color styles on different states like regular, hover and active, for sub menu.
Enable Archive Header : Enable or disable archive category header with this button.

Grid

Blog Grid : Select the number of your blog default grid.
Archive Grid : Select the number of default archive grid.

Social

Enable Social Profile : Toggle on or off the social profile.
Site Header Logo : Upload logo for the site header.
Media w/ URL : Upload any media using WordPress native uploader.

Single Post Options

Enable Related Post : Toggle this option to enable or disable related posts.
Enable Popular Post : Toggle this option to enable or disable popular posts.
Enable Featured Post : Turn this option on for enabling featured post.
Enable Trending Post : Enable or disable trending post from here.
Enable Select & Share : Toggle on or off the select and share on your site.
Enable Social Share : Toggle on or off to enable or disable the Social Share Option in Single Post.
Default Comment Template : Select the default comment template for single post.

Typography

Enable Custom Typography : Toggle to enable or disable custom typography.
Header Typography : Customize the typography for header from here.
Title Typography : Customize the typography for title from here.
Widget & Other Title Typography : Customize the typography for widget & other titles from here.
Body Typography : Customize the typography for body texts from here.
Meta Typography : Set the custom typography for meta description from here.
Menu Typography : Set the custom typography for menu from here.

Sidebar

Default Sidebar : Choose the position of Default Sidebar. Either you can disable- showing list sidebar, just to pick No Sidebar from the drop-down.
Default Shop Sidebar : Choose the position of Default Shop Sidebar. Either you can disable- showing details sidebar, unlikely the Default Sidebar, just to pick No Sidebar from the drop-down.
Page Sidebar : Choose the position of Page Sidebar. Either you can disable- showing list sidebar, just to pick No Sidebar from the drop-down.

Custom Style

Custom JS Code : Write your custom JavaScript code at here and click save changes to apply changes.

Footer Options

Footer Logo : Upload your footer logo with this option.
Footer Layout : Choose your preferred layout for your footer.
Footer Color Option : Selected your preferred color for specific footer sections.
Show ThemeXpert Credit : Toggle to show or hide the ThemeXpert credit.

Import / Export

Import Options : Import necessary file from previously created backups and restore to your site.
Export Options : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose your preferred home variation from the Front-page drop-down menu.
Select Blog from the Post page drop-down menu.(optional)

Use the left-bottom Save Changes button to save the settings.

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for MagMax theme from the MagMax Elements tab on the elementor.

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in MagMax tab under Elementor.

Single Category Layout

To add Single Category Layout element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Single Category Layout from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Layout 1

Layout 2

Layout 3

Layout 4

Layout 5

Content

Layout header : Toggle Yes or no to enable or disable the header of the layout.
Layout Style : Choose preferred layout style from 5 different layouts.
Category List : Choose the category of your post from here. Posts only from selected category will be shown.
Thumbnail Size : Choose the thumbnail size for your layout from 4 different layouts.
Grid Gap : Choose how much gap (in pixels) you need between your grids.
Highlight Post : Toggle this option to highlight the first post of the list.
Highlight Layout Style : Choose the layout style for highlighted post.
Category Tag for Highlight Post : To show the category tag on highlighted post turn this option on.
Number of Post to Show : Select how many post you want to show.
Show Excerpt : Toggle yes or no to show or hide excerpt in the highlight and regular post.
Regular Post Grid : Select the number of post grids.
Regular Post Grid Alignment : Select the alignment type of the post.
Category Tag : Toggle this option to show or hide category above title.
Title Word Count : Define how much word you want in the title.
Featured Post Min Height : Define how much height you want in the featured post.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Highlight Post Title : Style your Highlighted post title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.
Content Typography : Customize the content typography form here.

Under Content you have this option.

Custom Color : Turn it on to apply custom title, meta and content color.

Under Gradient you have this option.

Overlay Style : Choose the overlay style either as overlay or as gradient.
Background overlay : Choose the color of background overlay.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Single Category Carousel

To add Single Category Carousel element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Single Category Carousel from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Layout 1

Layout 2

Layout 3

Layout 4

Content

Title : Write your carousel title at here.
Layout Header : Toggle to enable or disable layout header.
Layout Style : Choose preferred layout style from 4 different layouts.
Category List : Choose the category you want for your carousel.
Thumbnail Size : Select the thumbnail size.
Column Gap : Define how much gap you need between columns.
Regular Post Grid : Choose post grid as horizontal or vertical from here.
Title : Define title at here.
Query Post Type : Choose the query post type from here.
Category Tag : Show category tag above the title from here.
Show Excerpt : Toggle to show or hide the excerpt in the highlighted and regular post.
Regular Post Word : Define how much excerpt word you want in the regular post.
Navigation Position : Define navigation position from here.
Post Column : Choose number of post column.
Alignment : Select the alignment as left, right, or middle.
Dot Navigation Bottom Position : Define the bottom position of Dot navigation from here.
Nav Dot Alignment : Select the alignment as left or right for Nav Dot.
Number of Post to Show : Choose the number of post to show.
Show Category : Toggle to show or hide category from here.
Post Min Height : Define the minimum height of the post from here.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.
Content Typography : Customize the content typography form here.

Under Content Spacing you have this option.

Content Padding : Turn it on to apply content padding. Under Content you have this option.
Custom Color : Toggle to define custom color for content.

Under Gradient you have this options.

Overlay Style : Choose the overlay style from here.
Background Overlay : Select the background color for overlay from here.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Dynamic Layout

To add Dynamic Layout element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Dynamic Layout from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Horizontal

Vertical

Content

Layout header : Toggle Yes or no to enable or disable the header of the layout.
Title : Type the title of your layout at here.
Category List : Choose the category list for your layout form here.
Layout Style : Choose preferred layout style from 3 different layouts.
Thumbnail Size : Choose the thumbnail size from here.
Highlight Post : Toggle this option to highlight the first post of the list.
Number of Post to Show : Select how many post you want to show.
Regular Post Grid : Define how many posts grid you want to show.
Grid Layout Style : Choose the grid layout style from here.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Highlight Post Title : Style your Highlighted post title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.
Category Tab Text Typography : Style your tab texts, typography from here.

Under Content you have this option.

Custom Color : Turn it on to apply custom title, meta and content color.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Dynamic Category Tab

To add Dynamic Category Tab element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Dynamic Category Tab from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Layout 1

Layout 2

Content

Layout Style : Choose preferred layout style from 2 different layouts.
Category List: Choose category list from here.
Number of Post to Show : Choose the number of post to show.
Grid Gap: Define the gap between each grid from here.
Show Meta : Toggle to show or hide metadata.

Style

Under Typography you have these options.

Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.
Selected Thumbnail Title : Modify the thumbnail of the selected title from here.
Icon : Alter the typography for icon texts from here.

Under Content you have this option.

Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Single Post by ID

To add Single Post by ID element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Single Post by ID from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Layout 1

Layout 2

Content

Layout Single Header : Toggle to enable or disable layout single header.
Title : Define title at here.
Layout Single Style : Choose preferred layout style from 2 different layout styles.
Write your single post ID : Write your custom single post ID at here.
Single Post Style : Define Single post style as horizontal or vertical from here.
Show thumbnail : Toggle to show or hide the thumbnail.
Show Category : Toggle to show or hide category from here.
Show Excerpt : Toggle to show or hide excerpt.
Post Min height : Define minimum height of the post.
Post excerpt Word For Layout 2 : Define how many excerpt word you want to show on layout 2.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Title Typography : Style your title with this option, customize font, size, weight, style line height, letter spacing etc.
Content Typography : Style your content with this option, customize font, size, weight, style line height, letter spacing etc.

Under Content you have this option.

Content Padding : Turn it on to apply content padding.
Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Single Category With Dynamic Carousel

To add Single Category with Dynamic Carousel element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Single Category with Dynamic Carousel from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Layout 1

Layout 2

Layout 3

Content

Layout Header : Toggle to enable or disable layout header.
Title : Define title at here.
Layout Style : Choose preferred layout style from 3 different layouts.
Category List : Define category list from here.
Thumbnail Size : Select thumbnail size for the carousel from here.
Highlight Post : Highlight first post from here.
Highlighted Thumbnail Size : Choose the thumbnail size for the highlighted first post.
Featured Post Min Height : Define the minimum height for the featured post.
Highlighted Thumbnail Style : Define the style for the highlighted thumbnail.
Category Tag for Highlighted Post : Toggle to show or hide the category tag on highlighted post.
Show Regular Post Thumbnail : Toggle to show or hide regular post thumbnail in the list.
Regular Category Tag : Show or hide regular category tag from here.
Number of Post to Show : Define how many posts you want to show, from here.
Regular Post Grid : Select the number of grid for regular post from here.
Regular Post Grid alignment : Select the alignment of regular post grid.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Highlight Post Title : Style your Highlight post title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.

Under Content you have this options.

Content Padding : Define the padding for the content you want.
Custom Color : Toggle to define custom color for content.

Under Gradient you have this options.

Overlay Style : Choose the overlay style from here.
Background Overlay : Select the background overlay color.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Multiple Category With Dynamic Carousel

To add Multiple Category with Dynamic Carousel element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Multiple Category with Dynamic Carousel from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Images

Layout 1

Layout 2

Layout 3

Content

Layout Header : Toggle to enable or disable layout header.
Title : Define title at here.
Layout Style : Choose preferred layout style from 3 different layouts.
Category List : Define category list from here.
Thumbnail Size : Select thumbnail size for the carousel from here.
Highlight Post : Highlight first post from here.
Highlighted Thumbnail Size : Choose the thumbnail size for the highlighted first post.
Featured Post Min Height : Define the minimum height for the featured post.
Highlighted Thumbnail Style : Define the style for the highlighted thumbnail.
Category Tag for Highlighted Post : Toggle to show or hide the category tag on highlighted post.
Show Regular Post Thumbnail : Toggle to show or hide regular post thumbnail in the list.
Regular Category Tag : Show or hide regular category tag from here.
Number of Post to Show : Define how many posts you want to show, from here.
Regular Post Grid : Select the number of grid for regular post from here.
Regular Post Grid alignment : Select the alignment of regular post grid.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Highlight Post Title : Style your Highlight post title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.

Under Content you have this options.

Content Padding : Define the padding for the content you want.
Custom Color : Toggle to define custom color for content.

Under Gradient you have this options.

Overlay Style : Choose the overlay style from here.
Background Overlay : Select the background overlay color.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

List Layout

To add List Layout element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the List Layout from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Image

Content

Layout Design : Choose layout design from 11 designs.
Category List : Choose the category list for your layout form here.
Number of Post to Show : Select how many post you want to show.
Category Tag for article : Toggle to show or hide category tag for article.
Grid Gap : Define gap between each grid from here.
Excerpt Word count : Define the number of excerpt word from here.
Show full article link : Toggle to show or hide full article link.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Highlight Post Title : Define the typography for highlighted post title.

Under Content you have this option.

Custom Color : Turn it on to apply custom title, meta and content color.

Under Link you have this option

Link Border Color : Chose link border color from here.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Tiles Layout

To add Tiles Layout element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Tiles Layout from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Image

Content

Layout Design : Choose layout design from 11 designs.
Category List : Choose the category list for your layout form here.
Number of Post to Show : Select how many post you want to show.
Grid Gap : Define gap between each grid from here.
Section Height : Adjust section height from here.
Show Excerpt in highlighted article : Toggle to show or hide excerpt in highlighted article.
Excerpt Word count : Define the number of excerpt word from here.
Category Tag for article : Hide or Show category tag for title from here.
Show full article link : Toggle to show or hide full article link.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.

Under Content you have this option.

Custom Color : Turn it on to apply custom title, meta and content color.
Overlay Style : Choose overlay style from here.
Background Overlay : Choose preferred background overlay from here.

Under Link you have this option

Link Color : Choose link color from here.
Link Border Color : Chose link border color from here.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Posts with Load More Button

To add Posts with Load More Button element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Posts with Load More Button from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Image

Content

Layout Header : Toggle to enable or disable layout header.
Title : Define title at here.
Number of Post to Show : Define how many posts you want to show from here.
Thumbnail Size : Select the thumbnail size form here.
Regular Post Grid : Define the regular post grid alignment from here.
Show Full Article Link : Toggle to show or hide full article link.
Post navigation style : Choose your preferred post navigation style from here.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.

Under Content you have this option.

Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Dynamic Header Tab

To add Dynamic Header Tab element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Dynamic Header Tab from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Layout Style : Choose preferred layout style from 2 different layouts.
Post Column : Define how many post column you want.
Number of Post to Show : Define how many posts you want to show from here.
Custom Height : Toggle to set custom height.
Section Height : Customize the section height by moving slider left and right.
Highlighted Thumbnail Size : Select the highlighted thumbnail size from here.
Thumbnail Size : Select the thumbnail size form here.
Title Word Count : Define how much word you want in the title.

Style

Under Typography you have these options.

Section Title : Style your section title with this option, customize font, size, weight, style line height, letter spacing etc.
Highlight Post Title : Style your Highlight post title with this option, customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option, customize font, size, weight, style line height, letter spacing etc.

Under Content you have this option.

Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

MagMax Social

To add MagMax Social element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the MagMax Social from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

ADD ITEM : Add a new item with this button.
Social Icon : Choose the social icon from here.
Count : Add your count text at here.
Social Text : Add you social text at here.
Social Link : Add your social link at here.
*Social Background Color*** : Choose your social background color from here.

Style

Under Typography you have these options.

Count Typography : Modify the count typography from here.
Followers Typography : Customize the followers typography from here.
Icon Box Width : Define the width of icon box.
Icon Box Height : Define the height of the icon box.
Icon Padding : Customize the padding of the icon from here.
Icon Margin : Customize the margin of the icon from here.
Social Box Margin : Customize the margin of the social box from here.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Tab Between Two Category

To add Tab Between Two Category element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Tab Between Two Category from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Image

Content

Query Type : Select the query type form the 4 choices.
Category List : Define category list from here.
Number of Post to Show : Define how many posts you want to show, from here.
Show Thumbnail : Toggle to show or hide thumbnail.
Show Category : Toggle to show or hide category.
Show Meta : Toggle to show or hide meta.
Show Border : Toggle to show or hide border.
Thumbnail Size : Select thumbnail size for the carousel from here.
Title Word Count : Define how much word you want in the title.

Style

Under Typography you have these options.

Tab Title Typography : Style your tab title with this option; customize font, size, weight, style line height, letter spacing etc.
Regular Post Title : Style your Regular post title with this option; customize font, size, weight, style line height, letter spacing etc.

Under Content you have this options.

Content Padding : Define the padding for the content you want.
Custom Color : Toggle to define custom color for content.

Under Gradient you have this options.

Overlay Style : Choose the overlay style from here.
Background Overlay : Select the background overlay color.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

To add Newsletter element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Newsletter from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Image

Content

Chose Image : Choose your preferred image for newsletter at here.
Thumbnail Size : Select thumbnail size from here.
MailChimp Title : Set the MailChimp Title at here.
MailChimp Subtitle : Set the MailChimp Subtitle at here.
MailChimp Shortcode : Type your MailChimp shortcode at here.
Alignment : Set the alignment as left right or center from here.

Style

Under Typography you have these options.

Title Typography : Style your title with this option; customize font, size, weight, style line height, letter spacing etc.
Subtitle : Style your Subtitle with this option; customize font, size, weight, style line height, letter spacing etc.

Under Content you have this options.

Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

News Ticker

To add News Ticker element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the News Ticker from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Layout Image

Content

Title : Choose your preferred title for news ticker at here.
Layout Style : Select layout style from here.
Number of Posts to Show : Select the number of posts, you want to show.
Style

Under Typography you have these options.

News Ticker Title : Style your news ticker title with this option; customize font, size, weight, style line height, letter spacing etc.
Post Title : Style your Post title with this option; customize font, size, weight, style line height, letter spacing etc.

Under Content you have this options.

Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

Element Title

To add Element Title element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Element Title from the left MAGMAX ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Title : Choose your preferred title at here.
Style

Under Typography you have these options.

Title : Style your title with this option; customize font, size, weight, style line height, letter spacing etc.

Under Content you have this options.

Padding : Define the padding for the content you want.
Custom Color : Toggle to define custom color for content.

Advanced

Advanced : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.
Custom CSS : Apply any custom CSS codes if you want.

uHost

2018-01-05T15:15:26+06:00

Key Features

Fully Responsive
Fast Loading
Meaningful Trendy Layout
SEO Optimized
Dynamic Navigation Menu
Smooth Collapsing Transaction
Domain Searching Module
WHMCH Supported
Animation Slider
Redux Framework
CMB2
Elementor Pagebuilder
weForms
One Click Demo Import
MailChimp
Instagram Widget

Requirements

In order to run uHost smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install uHost theme on your server. It's quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply uHost theme, in that case, you just need to install the following package:

uhost.zip

You can find this package inside the downloaded .zip file of uHost theme. So, before getting started with the installation process, Extract the .zip file and you'll find the desire uhost.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the uhost.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are eleven plugins, required for uHost theme to work properly. Those are listed below:

uHost Core : theme core functionality (CPTs and shortcodes).
Elementor : Drag and Drop Pagebuilder.
Redux Framework: Used to build its backend admin panel.
CMB2 : For building meta boxes.
WHMCS Bridge : For Purchasing a Web Hosting
WHMCS Domain Checker : Allows available Domain Searching.
One Click Demo Import : One Click Demo data importer.
weForms : For Creating Contact Form (optional)
Widget Importer & Exporter (optional)
Instagram Widget : Showcasing Instagram Images (optional)
MailChimp : Email Automation Tool (optional)

To activate those required plugins, simply go to Plugins

Select all those eleven required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data
Click on Import Demo Data button.

It will take some times to load all demo data on your server. Wait till it shows you a successful data importing message.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on uHost at left-bottom corner of the module screen to open up Theme Setting panel.

Global Settings

Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Enable Preloader : Allows you to enable or disable Preloader.
Blog Social Share Enable/Disable : Allows you to enable or disable social sharing option.

Header Settings

Logo : Upload your branding logo using the Upload button.
Enable Header Top : Allows you to enable Header Top.
Top Message : Put the message you want to show in header top position.
Phone : Put the phone no the customers are allowed to contact through.
Email : Put the email address the customers are allowed to contact through.
Support URL : Put the link of your support page.
login URL : Put the Link of your login page.
Background Color : Allows you to choose Background Color.
Menu Color : Allows you to choose menu color.
Menu Hover/Active Color : Allows you to choose menu Hover color.

Background Image

Category Page Header Background Image : Choose and upload image for category page header background.
Search Page Header Background Image : Choose and upload image for search result background.
404 Image : Upload the 404 image using the upload button next to this option.

Blog

Related Post Enable : Allows you enabling or disabling related post option.

Sidebar

List Sidebar : Choose the position of List SIdebar. Either you can disable- showing list sidebar, just to pick No Sidebar from the drop-down.
Detail Sidebar : Choose the position of Details SIdebar. Either you can disable- showing details sidebar, unlikely the List Sidebar, just to pick No Sidebar from the drop-down.

Custom Style

Enable Custom Style : To enable this option, you can set the primary and secondary color for your site.

Custom Fonts

Body Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for body.
Heading Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for header.
Menu Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for menu.

Footer

Footer Columns : Define the number of columns to show the footer content.
Text Color : Pick a color for the footer text.
Background Color : Pick a color for the footer background.
Background Image : Upload and select a image for the footer background.
Show ThemeXpert Credit? :
Text Color : Pick a color for the credit text.
Background Color : Pick a color for the credit text background.
Enable Social Icon : Enable showing social icon.
Facebook : Put your facebook profile URL.
Twitter : Put your Twitter profile URL.
Instagram : Put your Instagram profile URL.
LinkedIn : Put your LinkedIn profile URL.
Icon Color : Choose social icon color.
Enable Footer Button : Allows you to enable footer button.
Copyright Text : Put the copyright text.
Bottom Left Banner : Upload the bottom left banner.
Bottom Right Banner : Upload the bottom right banner.

Import / Export

Import : This button allows you to import your custom theme settings if you have preserved any.
Download Data File : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Your homepage displays option.
Choose your preferred home variation from the Homepage drop-down menu.
Select Blog from the Post page drop-down menu.(optional)

Use the left-bottom Save Changes button to save the settings.

Front-end appearance :

Home 1:

Home 2:

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for uHost theme from the UHOST ELEMENTS tab on the elementor.

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in uHost tab under Elementor.

Slider

To add Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Slider from the left UHOST ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.
Slider Title : Put the slider title here.
Title Animation : Choose an animation for the title text.
Upload Slider Image : This upload button lets you upload image for the current slider item.
Slider Description : Put the description text here.
Content Animation : Choose an animation effect for the content text.
Button Text : Put the button text here.
Button Link : Put the corresponding button URL here.
Button Animation : Choose an animation effect for the button.

Style

Content Options : Customize the content options according to your need. You can customize typography, spacing, margin and so on.
Button Options : Customize the button options as you want. This includes Button text, color, border, text size and so on.
Control Options : This includes slider speed, background repetition, size and so on.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Latest Blog Post

To add Latest Blog Post element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Latest Blog Post from the left UHOST ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Item to Show : Define how many item you want to show.
Column : Define in how many columns you want to show the items into.
Excerpt Word** : Define the number of word to show on each Box.
Title : Create your own preferred typography for title text by changing different options according to your wish.
Meta : Create your own preferred typography for meta text by changing different options according to your wish.
Description : Create your own preferred typography for description text by changing different options according to your wish.

Style

Title Color : Pick a color for title text.
Meta Color : Pick a color for meta text. (posting date, views)
Meta Color : Pick a color for meta description text.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Testimonial

To add Testimonial element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial from the left UHOST ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Autoplay Enable/Disable : Allows enable or disable autoplay option.
Dots Enable/Disable : Allows enable or disable dots option.

Style

Person Block Color : Choose the testimony block color for each person.
Content Color : Pick a content color.
Name Color : Choose the person name color.
Designation Color : Choose the designation color.
Background Color : Choose the background color.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

uHost Tab

To add uHost Tab element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the uHost Tab from the left UHOST ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Slider Height : Define content height.
Content Padding : Define the amount of padding you want for the content.
Tab Image : Select tab image.
Content Title : Put the Content Title.
Content Area : Put the content text here.
Bottom Enable : Enable or disable button at the bottom of the content.
Button Padding : Define the amount of padding at the bottom.
Button Margin : Define the amount of margin at the bottom.

Style

Content Color : Choose a color for the icons.
Typography : Make your preferred typography for title.
Typography : Make your preferred typography for content.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

uHost Pricing Table

To add uHost Pricing Table element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the uHost Pricing Table from the left UHOST ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Select Type : Define you want the pricing table as single table or multiple.
Pricing Table Color : Pick your preferred color for the pricing table.
Currency Symbol : Define the currency symbol.
Price : Define the price amount.
Period : Define the time period.
Image : Upload and select image for setting at of the pricing table.
Pricing Plan : Define your pricing plan.
Content Area : Put the description text of your pricing plan.
Bottom Text : Put the button text.
Link : Put the button URL.

TX Slider

To add TX Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the TX Slider from the left UHOST ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Subtitle Top : Put the subtitle that is supposed to be appeared at the top of the slider.
Title Animation : Choose an animation effect for the title.
Slider Title : Put the slider title text.
Slider Background Image : Choose a background image for the slider.
Content Area : Put the content for the slider.
Content Animation : Define an animation for the content text.
Enable Front Image : Enable or disable front image.
Button Text : Put the button text here.
Button Link : Put the button URL here.
Button Animation : Define the animation effect for the button.
Add Item : This button allows you to add more slider item.

Style

Title Option : Allows you to customize various option for title such as Typography, Color, Height, Position etc.
Content Option : Allows you to customize various option for title such as Typography, Background Overlay, Padding, Button Options, Control options etc.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

See our other documentation about Next Theme.

Switch Lite

2017-12-06T11:13:21+06:00

Installation

Installing Switch Lite is similar to installing any other WordPress theme. After Downloading you will get a ZIP file . That is your main zip file. Upload it using WordPress's theme uploader and activate it. Depending on your settings, you can immediately see the welcome blog page or landing page.

In order to get other pages and post type working, you need to install Switch core plugin from WordPress plugin installation page.

Page Installation Tasks

After installating and activating Switch theme, you need to perform the following tasks to enable landing page.

Create a New Page . Enter Home page as title and keep the content field blank. Now select "Home page" as page template from the right side page template dropdown menu. Now save/publish it.
Go to Settings > Reading. From the Front Page displays section, click on static page, and select previously created "HOME" and Posts page "BLOG" from the dropdowns as shown in the picture below and save.

Menu Settings

After installating and activating Switch theme, you need to add a menu to complete your default settings.

Go to Appearance> Menus > Create a New Menu> Write Onepage Menu > Save Menu
Checkmark the Onepage menu, it will help you build a nice section menu, which included with core page.
After done click on Custom Links and place id name with hash tag like #hero-unit = Home. Now click on Add to Menu to create your preferred menu.

You must place specific id name to create specific menu item. For menu item Home = #hero-unit, About = #about, Feature = #feature Testimonial = #testimonial, Portfolio = #portfolio, Contact = #contact

Theme Customization

Switch comes with a fantastic a powerful "WordPress Customization" admin panel from where you can update almost every part of the theme. Just go to your WordPress admin panel > Appearance and click on Customize.

General Settings

From the General Settings sections, you can change Preloader Enable/Disable & Body Font Size. The management panel looks like this.

Site Identity

From the Site Identity sections, you can change logo.

Slider Option

From this section in Home Page Settings > Slider, you can manage the homepage Slider.

Features

Feature section also requires that you create a Home Page Settings > Feature post first, then tune up the look-n-feel from the Feature. settings area.

About

From Home Page Settings > About settings, you can add as many About section details. About Us. looks like the following screen. You can turn it off and also change the title from here.

Testimonials

Testimonial section also requires that you create a Home Page Settings > Testimonial items from repeater first, then tune up the look-n-feel from the Testimonial. settings area.

Team

Team section also requires that you go to Home Page Settings > Team then tune up the look-n-feel from the Team. settings area.

Portfolio

In Switch you can create unlimited portfolio galleries and select any one to display any time. To create a nice Portfolio. Please go the Home Page Settings > Portfolio click on.

Contact

From contact area, you can specify your Contact details as well as who will receive the contact emails. You can also specify the google map. You will get a shortcode from contact from 7 Or weForms. Just copy it and paste to customization contact option Please go the Home Page Settings > Contact click on.

Contact from

when you install the theme it requires a plugin called contact form 7. Just install that plugin and open it. You will get a shortcoad . please copy that code and paste it into Dashboard admin > Contact/weForms .

Footer

In Switch you can put your copyright. To create a nice Footer. Please go the Footer click on.

Amenity

2017-12-05T17:31:30+06:00

An absolutely stunning, well-organized business purpose WordPress theme that can able to take all the responsibilities to represent an organizational website in such a way which leaves an everlasting sketch on visitors mind.

Key Features

Fully Responsive
Fast Loading
Meaningful Trendy Layout
Multiple Home Variations
Huge Built-in Pages
SEO Optimized
Dynamic Navigation Menu
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Animation Slider
Redux Framework
CMB2
Contact Form 7
Instagram Feed
Elementor Pagebuilder

Requirements

In order to run OneCorp smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to OneCorp [download] page on download the amenity_package.zip file. In this amenity.zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install OneCorp theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply OneCorp theme, in that case, you just need to install the following package:

onecorp.zip

You can find this package inside the downloaded .zip file of OneCorp theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire onecorp.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the onecorp.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for OneCorp theme to work properly. Those are listed below:

OneCorp Core: theme core functionality (CPTs and shortcodes).
Elementor Pagebuilder: Drag and Drop pagebuilder.
Redux Framework: Used to build its backend admin panel.
CMB2: For building meta boxes.
Contact Form 7 (optional).
Instagram Slider Widget (optional).
MailChimp (optional).

To activate those required plugins, simply go to Plugins

Select all those four required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data

Click on Import Demo Data button.

It will take some times to load all demo data on your server. Wait till it shows you a successful data importing message.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on OneCorp at left-bottom corner of the module screen to open up Theme Setting panel.

Global Settings

Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Enable Preloader : Allows you to enable or disable Preloader.
Blog Social Share Enable/Disable : Allows you to enable or disable social sharing option.

Header Settings

Text Size : Define the text size.
Text Transform : Define the text transform option- whether you want the text to transform into Uppercase letters or Lowercase letters.
Select Header : Select the header variation from the drop-down menu.
Header Position : Choose whether you want the header to be absolute in position or fixed position.
Affix Switch : Enable or disable Affix option.
Logo : Upload your branding logo using the Upload button.
Background Color : Allows you to choose Background Color.
Menu Color : Allows you to choose menu color.
Button Switch : Enable or disable Purchase button on the header area.
Button Text : Put the button text if it's enabled.
Button Link : Put the button link here.

The above two options only can be found if the Button Switch option is enabled.

Custom Style

Primary Color : Set your preferred color to set as the theme primary color from the color picker. You can choose transparent instead.
Menu Hover & Active Color : Set your preferred color to set as the Menu hover & Active color. Alternately, you can choose transparent as well.

Background Image

404 Page Header Background Image : Select and upload image for 404 Page Header Background using the upload button.
404 Image : Upload the 404 image using the upload button next to this option.
Search Page Header Background Image : Choose and upload image for search result background.
Category Page Header Background Image : Choose and upload image for category page header background.

Sidebar Settings

List Sidebar : Choose the position of List SIdebar. Either you can disable- showing list sidebar, just to pick No Sidebar from the drop-down.
Detail Sidebar : Choose the position of Details SIdebar. Either you can disable- showing details sidebar, unlikely the List Sidebar, just to pick No Sidebar from the drop-down.

Custom Fonts

Body Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for body.
Heading Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for header.
Menu Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for menu.

Footer

Related Post Enable : Allows you to enable or disable showing related posts on the footer area.
Footer Columns : Define the number of columns to show the footer content.
Text Color : Pick a color for the footer text.
Background Color : Pick a color for the footer background.

Copyright

Logo : Upload your branding logo using the upload button next to this option.
Enable List : Allows you to enable or disable showing navigation menu at the footer area.
Company : Put the homepage URL against Our Company menu item.
About Us : Put the about page URL against About nav menu.
Product : Put the Product page URL against Product nav menu.
Custom Work : Put the URL of your services page.
Enable Social Icon : Allows you to enable or disable showing social icon. If its enabled- you can put their individual profile URL on the following corresponding boxes.
Facebook : Put your facebook profile link here.
Twitter : Put your twitter profile link here.
Instagram : Put your instagram profile link here.
Linkedin : Put your linkedin profile link here.
Email Address : Put your email address here.
Icon Color : Choose a color for the social icons.
List Color : Choose a color for the footer navigation menu items.
Background Color : Choose a color for footer top background color.
Copyright Text : Put your copyright text here.
Enable Credit : If you want to give us credit, enable this option and keep the credit text as it is.
Credit : Remove this credit text if you don’t want to give us a thumbs up.
Text Color : Choose a color for credit text.
Background Color : Pick a background color for this area.

Import / Export

Import : This button allows you to import your custom theme settings if you have preserved any.
Download Data File : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose your preferred home variation from the Front-page drop-down menu.
Select Blog from the Post page drop-down menu.(optional)

Use the left-bottom Save Changes button to save the settings.

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for OneCorp theme from the OneCorp Elements tab on the elementor.

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in OneCorp tab under Elementor.

Homepage 1 : Business

Slider

To add Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Slider from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.
Slider Title : Put the slider title here.
Title Animation : Choose an animation for the title text.
Upload Slider Image : This upload button lets you upload image for the current slider item.
Slider Description : Put the description text here.
Content Animation : Choose an animation effect for the content text.
Button Text : Put the button text here.
Button Link : Put the corresponding button URL here.
Button Animation : Choose an animation effect for the button.

Style

Content Options : Customize the content options according to your need. You can customize typography, spacing, margin and so on.
Button Options : Customize the button options as you want. This includes Button text, color, border, text size and so on.
Control Options : This includes slider speed, background repetition, size and so on.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Custom Feature

To add Custom Feature element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Custom Feature from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Item Column : Define in how many columns you want to show this element.
Border Radius : Define the border radius in pixel.
Padding : Define the padding space in pixel.
Item Alignment : Define the alignment for the item.
Upload Shadow Image : Upload shadow image using the upload button.
Feature Style : In this tab, you’ll find various configuration settings to change the typography, border, background hover and much more.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Testimonial 3

To add Testimonial 3 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial 3 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Typography : Using Typography option you can create your preferred typography for title, designation, and testimonial text as well.
Testimonial Position : Define where you want to place the testimonial text.
Color Options : You can change the text colors according to your preference from this tab.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Team 3

To add Team 3 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Team 3 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Upload Team Image : Upload Team Member Image using the upload button.
Team Name : Write the member name.
Team Designation : Put the designation text here.
Team Description : Put the description text here.
Add Item : This button allows you to create social icons.
Social Name : Put the social site name.
Social Link : Put the corresponding URL here.
Social Icon : Choose the social icon from the drop-down.

Style

Title Options : Customize different configuration options for title.
Designation Options : Customize different configuration options for designation.
Icon Options : Customize different configuration options for Social Icons.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Portfolio 1

To add Portfolio 1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Portfolio 1 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Item Shows : Define the number of items to show.
Grid Layout : Define the number of columns to show the items.
Item Spacing : Define the amount of spacing between two items.
Filter Enable/ Disable : Allows you to enable or disable category filtering above the portfolio.
Filter Layout : Choose the filter layout style from the drop-down.
Border Radius : Define the amount of border radius to apply.
Padding : Define the padding space between the items.
Portfolio Style : Under this tab, you can find additional styling options for the portfolio.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Homepage 2 : Agency

Slider

To add Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Slider from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Portfolio 2

To add Portfolio 2 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Portfolio 2 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Item Shows : Define the number of items to show.
Grid Layout : Define the number of columns to show the items.
Item Spacing : Define the amount of spacing between two items.
Filter Enable/ Disable : Allows you to enable or disable category filtering above the portfolio.
Filter Layout : Choose the filter layout style from the drop-down.
Portfolio Style : Under this tab, you can find additional styling options for the portfolio.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Team 5

To add Team 5 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Team 5 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Upload Team Image : Upload Team Member Image using the upload button.
Team Name : Write the member name.
Team Designation : Put the designation text here.
Team Description : Put the description text here.
Add Item : This button allows you to create social icons.
Social Name : Put the social site name.
Social Link : Put the corresponding URL here.
Social Icon : Choose the social icon from the drop-down.

Style

Title Options : Customize different configuration options for title.
Designation Options : Customize different configuration options for designation.
Icon Options : Customize different configuration options for Social Icons.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Blog 4

To add Blog 4 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Blog 4 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Title : Under this tab, you can find options to change the typography and text color for the title.
Content : Under this tab, you can find options to change the typography and text color for the content.
Color Options : Under this tab, you can find some additional options like- meta changing color, date color, background color for date, post hover color, overlay color and so on.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Homepage 3 : Personal

Project Slide

To add Project Slide element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Project Slide from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Title Color : Choose a color for the title text.
Typography : Enabling this option allows you to entirely customize the typography including font size, weight, line height, letter spacing, and so on.
Title Spacing : Define the amount of spacing for the title.
Item Overlay Color : Pick a color to apply as overlay color on the title text.
Nav Style : Under this tab, you will find various configuration options to customize your navigation menu style.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Testimonial 3

To add Testimonial 3 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial 3 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Team 6

To add Team 6 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Team 6 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Upload Team Image : Upload Team Member Image using the upload button.
Team Name : Write the member name.
Team Designation : Put the designation text here.
Team Description : Put the description text here.
Add Item : This button allows you to create social icons.
Social Name : Put the social site name.
Social Link : Put the corresponding URL here.
Social Icon : Choose the social icon from the drop-down.

Style

Title Options : Customize different configuration options for title.
Designation Options : Customize different configuration options for designation.
Icon Options : Customize different configuration options for Social Icons.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Onecorp

2017-10-07T19:12:08+06:00

Key Features

Fully Responsive
Fast Loading
Meaningful Trendy Layout
Multiple Home Variations
Huge Built-in Pages
SEO Optimized
Dynamic Navigation Menu
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Animation Slider
Redux Framework
CMB2
Contact Form 7
Instagram Feed
Elementor Pagebuilder

Requirements

In order to run OneCorp smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to OneCorp download page on www.themeforest.net then download the OneCorpPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install OneCorp theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply OneCorp theme, in that case, you just need to install the following package:

onecorp.zip

You can find this package inside the downloaded .zip file of OneCorp theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire onecorp.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the onecorp.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for OneCorp theme to work properly. Those are listed below:

OneCorp Core: theme core functionality (CPTs and shortcodes).
Elementor Pagebuilder: Drag and Drop pagebuilder.
Redux Framework: Used to build its backend admin panel.
CMB2: For building meta boxes.
Contact Form 7 (optional).
Instagram Widget (optional).
Instagram Slider Widget (optional).
MailChimp (optional).

To activate those required plugins, simply go to Plugins

Select all those four required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data

Click on Import Demo Data button.

It will take some times to load all demo data on your server. Wait till it shows you a successful data importing message.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on OneCorp at left-bottom corner of the module screen to open up Theme Setting panel.

Global Settings

Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Enable Preloader : Allows you to enable or disable Preloader.
Blog Social Share Enable/Disable : Allows you to enable or disable social sharing option.

Header Settings

Text Size : Define the text size.
Text Transform : Define the text transform option- whether you want the text to transform into Uppercase letters or Lowercase letters.
Select Header : Select the header variation from the drop-down menu.
Header Position : Choose whether you want the header to be absolute in position or fixed position.
Affix Switch : Enable or disable Affix option.
Logo : Upload your branding logo using the Upload button.
Background Color : Allows you to choose Background Color.
Menu Color : Allows you to choose menu color.
Button Switch : Enable or disable Purchase button on the header area.
Button Text : Put the button text if it's enabled.
Button Link : Put the button link here.

The above two options only can be found if the Button Switch option is enabled.

Custom Style

Primary Color : Set your preferred color to set as the theme primary color from the color picker. You can choose transparent instead.
Menu Hover & Active Color : Set your preferred color to set as the Menu hover & Active color. Alternately, you can choose transparent as well.

Background Image

404 Page Header Background Image : Select and upload image for 404 Page Header Background using the upload button.
404 Image : Upload the 404 image using the upload button next to this option.
Search Page Header Background Image : Choose and upload image for search result background.
Category Page Header Background Image : Choose and upload image for category page header background.

Sidebar Settings

List Sidebar : Choose the position of List SIdebar. Either you can disable- showing list sidebar, just to pick No Sidebar from the drop-down.
Detail Sidebar : Choose the position of Details SIdebar. Either you can disable- showing details sidebar, unlikely the List Sidebar, just to pick No Sidebar from the drop-down.

Custom Fonts

Body Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for body.
Heading Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for header.
Menu Typography : Choose your preferred font family, font-weight and styles, font subset, size, line height, color including define text align for menu.

Footer

Related Post Enable : Allows you to enable or disable showing related posts on the footer area.
Footer Columns : Define the number of columns to show the footer content.
Text Color : Pick a color for the footer text.
Background Color : Pick a color for the footer background.

Copyright

Logo : Upload your branding logo using the upload button next to this option.
Enable List : Allows you to enable or disable showing navigation menu at the footer area.
Company : Put the homepage URL against Our Company menu item.
About Us : Put the about page URL against About nav menu.
Product : Put the Product page URL against Product nav menu.
Custom Work : Put the URL of your services page.
Enable Social Icon : Allows you to enable or disable showing social icon. If its enabled- you can put their individual profile URL on the following corresponding boxes.
Facebook : Put your facebook profile link here.
Twitter : Put your twitter profile link here.
Instagram : Put your instagram profile link here.
Linkedin : Put your linkedin profile link here.
Email Address : Put your email address here.
Icon Color : Choose a color for the social icons.
List Color : Choose a color for the footer navigation menu items.
Background Color : Choose a color for footer top background color.
Copyright Text : Put your copyright text here.
Enable Credit : If you want to give us credit, enable this option and keep the credit text as it is.
Credit : Remove this credit text if you don’t want to give us a thumbs up.
Text Color : Choose a color for credit text.
Background Color : Pick a background color for this area.

Import / Export

Import : This button allows you to import your custom theme settings if you have preserved any.
Download Data File : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose your preferred home variation from the Front-page drop-down menu.
Select Blog from the Post page drop-down menu.(optional)

Use the left-bottom Save Changes button to save the settings.

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for OneCorp theme from the OneCorp Elements tab on the elementor.

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in OneCorp tab under Elementor.

Homepage 1 : Business

Slider

To add Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Slider from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.
Slider Title : Put the slider title here.
Title Animation : Choose an animation for the title text.
Upload Slider Image : This upload button lets you upload image for the current slider item.
Slider Description : Put the description text here.
Content Animation : Choose an animation effect for the content text.
Button Text : Put the button text here.
Button Link : Put the corresponding button URL here.
Button Animation : Choose an animation effect for the button.

Style

Content Options : Customize the content options according to your need. You can customize typography, spacing, margin and so on.
Button Options : Customize the button options as you want. This includes Button text, color, border, text size and so on.
Control Options : This includes slider speed, background repetition, size and so on.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Custom Feature

To add Custom Feature element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Custom Feature from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Item Column : Define in how many columns you want to show this element.
Border Radius : Define the border radius in pixel.
Padding : Define the padding space in pixel.
Item Alignment : Define the alignment for the item.
Upload Shadow Image : Upload shadow image using the upload button.
Feature Style : In this tab, you’ll find various configuration settings to change the typography, border, background hover and much more.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Testimonial 3

To add Testimonial 3 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial 3 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Typography : Using Typography option you can create your preferred typography for title, designation, and testimonial text as well.
Testimonial Position : Define where you want to place the testimonial text.
Color Options : You can change the text colors according to your preference from this tab.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Team 3

To add Team 3 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Team 3 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Upload Team Image : Upload Team Member Image using the upload button.
Team Name : Write the member name.
Team Designation : Put the designation text here.
Team Description : Put the description text here.
Add Item : This button allows you to create social icons.
Social Name : Put the social site name.
Social Link : Put the corresponding URL here.
Social Icon : Choose the social icon from the drop-down.

Style

Title Options : Customize different configuration options for title.
Designation Options : Customize different configuration options for designation.
Icon Options : Customize different configuration options for Social Icons.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Portfolio 1

To add Portfolio 1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Portfolio 1 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Item Shows : Define the number of items to show.
Grid Layout : Define the number of columns to show the items.
Item Spacing : Define the amount of spacing between two items.
Filter Enable/ Disable : Allows you to enable or disable category filtering above the portfolio.
Filter Layout : Choose the filter layout style from the drop-down.
Border Radius : Define the amount of border radius to apply.
Padding : Define the padding space between the items.
Portfolio Style : Under this tab, you can find additional styling options for the portfolio.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Homepage 2 : Agency

Slider

To add Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Slider from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Portfolio 2

To add Portfolio 2 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Portfolio 2 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Item Shows : Define the number of items to show.
Grid Layout : Define the number of columns to show the items.
Item Spacing : Define the amount of spacing between two items.
Filter Enable/ Disable : Allows you to enable or disable category filtering above the portfolio.
Filter Layout : Choose the filter layout style from the drop-down.
Portfolio Style : Under this tab, you can find additional styling options for the portfolio.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Team 5

To add Team 5 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Team 5 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Upload Team Image : Upload Team Member Image using the upload button.
Team Name : Write the member name.
Team Designation : Put the designation text here.
Team Description : Put the description text here.
Add Item : This button allows you to create social icons.
Social Name : Put the social site name.
Social Link : Put the corresponding URL here.
Social Icon : Choose the social icon from the drop-down.

Style

Title Options : Customize different configuration options for title.
Designation Options : Customize different configuration options for designation.
Icon Options : Customize different configuration options for Social Icons.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Blog 4

To add Blog 4 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Blog 4 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Title : Under this tab, you can find options to change the typography and text color for the title.
Content : Under this tab, you can find options to change the typography and text color for the content.
Color Options : Under this tab, you can find some additional options like- meta changing color, date color, background color for date, post hover color, overlay color and so on.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Homepage 3 : Personal

Project Slide

To add Project Slide element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Project Slide from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Style

Title Color : Choose a color for the title text.
Typography : Enabling this option allows you to entirely customize the typography including font size, weight, line height, letter spacing, and so on.
Title Spacing : Define the amount of spacing for the title.
Item Overlay Color : Pick a color to apply as overlay color on the title text.
Nav Style : Under this tab, you will find various configuration options to customize your navigation menu style.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Testimonial 3

To add Testimonial 3 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial 3 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Team 6

To add Team 6 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Team 6 from the left ONECORP ELEMENTS area and drop on your page.
Customize the settings how you prefer and click on Save button to save the pages.

Content

Upload Team Image : Upload Team Member Image using the upload button.
Team Name : Write the member name.
Team Designation : Put the designation text here.
Team Description : Put the description text here.
Add Item : This button allows you to create social icons.
Social Name : Put the social site name.
Social Link : Put the corresponding URL here.
Social Icon : Choose the social icon from the drop-down.

Style

Title Options : Customize different configuration options for title.
Designation Options : Customize different configuration options for designation.
Icon Options : Customize different configuration options for Social Icons.

Advanced

Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
Background : Control element background color, hover style and more.
Border : Apply your custom border style configuring different options from this tab.
Responsive : Control making this element to appear on various devices.

Perfecto

2017-08-18T15:08:58+06:00

Key Features

Fully Responsive
Fast Loading
One Click Demo Import
Stunning Layout
Unlimited Color Variations
SEO Optimized
Awesome Slider
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Drag and Drop page builder
Organized Team section
Sticky Headers
Neat Testimonial Section

Requirements

In order to run Perfecto smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Perfecto download PerfectoPackage.zip file. In this perfecto.zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Perfecto theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Perfecto theme, in that case, you just need to install the following package:

perfecto.zip

You can find this package inside the downloaded .zip file of Perfecto theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire perfecto.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the perfecto.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Alternative: Upload Perfecto via FTP

In case you wish install the theme via FTP, proceed as follows:

Unzip perfecto.zip
Login to your hosting space via an FTP Client
Upload the whole contents of the unzipped perfecto.zip into wp-content/themes/ folder under your WordPress installation.
Once you’ve uploaded the theme you can open Appearance → Themes page and activate the theme from list. After that you need to install and activate the plugins as described above.

Active Required Plugins

There are four plugins, required for Perfecto theme to work properly. Those are listed below:

Perfecto Core: Theme Core Functionality (CPTs and shortcodes).
CMB2: The metabox framework we used to create metaboxes.
Elementor: Drag and Drop page builder.
Redux Framework: The option framework we used to create options panel.
(recommended)One Click Demo Import : Import demo data with one click.
(recommended)Contact Form 7 : For creating the contact form.
(recommended)Instagram Widget: Instagram social widget.
(recommended)MailChimp: Email subscription toolkit.

Before activating those plugins, you have to install them manually. To do so,

Go to Appearance> Install Plugins
Select those required plugins.
From the drop-down menu, select Install and click on Apply.

After plugins installation been completed, to activate those required plugins, simply go to Plugins> Installed Plugins

Select all those required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatic plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory.Contact Form 7 can be found in WordPress plugins repository, install them through Plugins Screen

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data
Just click on the Import Demo Data button below of the module and it’ll successfully import with taking a minimum amount of time.

Theme Options

Perfecto has an advanced admin panel for Theme Options, which gives you plenty of options and settings to customize your website. Go to Dashboard -> Perfecto Options and you will get Perfecto admin panel. All settings are organized in logical sections and have brief descriptions of what they do. A lot of these settings are self explanatory.

Things to Remember

Always click on Save Changes in order to make your settings take effect.
By clicking on Reset Section you can reset current section you are customizing and with Reset All you can reset all your settings to the defaults.
You can always make a backup and/or restore your settings by using Import/Export option in admin panel. So you can freely experiment with all of Perfecto options without having fear to loose some of them.
Please Note: in order to ensure the correct working of theme options (saving your style changes) all caching plugins you may be using on your website should be better deactivated. After you are done with your changes you can activate this caching plugins again.

Global Settings

Logo : Upload a logo for your site.
Enable Breadcrumb : Allows you to enable or disable breadcrumb.
Enable Preloader : Allows you to enable or disable preloader animation.

Header Options

Global Menu Text Size : Set the text size for the menus for all header variations.
Global Menu Text Transform : Select text transform for the menu texts.
Select Your Header : Select header style from the drop-down menu.
Select Your Header Position V1 : Select the header position. You can either choose fixed, absolute or static.
Affix Perfecto V1 : Allows you to enable or disable sticky header.
Affix Logo : Upload a logo for the sticky header. If you don’t want to use any logo, leave if blank.
Header 1 Affix Navbar Bg Color : Choose a background color for the sticky navigation menu.
Header Affix V1 Menu Color : Choose menu text color for the sticky navigation menu.
Button Perfecto V1 : Allows you to enable or disable modal button that directly let user contact through pop-up.
Button Text : Write the modal button text.
Contact Form Shortcode : Write your custom shortcode for contact form.

Custom Style

Primary Color : Allows you to choose color for the theme’s primary color.
Header Menu Hover & Active Color : Choose a color to set as the header menu hover as well as active color.

Background Image

404 Page Header Background Image : Upload the header background image for 404 page.
404 Image : Upload 404 image.
Search Page Header Background Image : Choose your preferred image for the search page background.
Category Page Header Background Image : Choose a background image for category page header.

Sidebar

Default Blog Sidebar : Select the default sidebar position from the drop-down.
Details Blog Sidebar : Select the default sidebar position for individual blog post.

Custom Fonts

Body Typography : Configure your custom typography for your site body. It allows you to choose font-style, font-weight, size, alignment, color and more.
Heading Typography : Configure your custom typography for your site heading. Unlikely the body typography setting, it allows you to choose font-style, font-weight, size, alignment, color and more.
Menu Typography : Configure your custom typography for your site menu. Similarly like heading typography setting, it allows you to choose font-style, font-weight, size, alignment, color and more.

Footer

Enable Related Post Section : Allows to enable or disable related posts section.
Footer Columns Layout : Define the number of columns on footer. You can select 1, 2,3 or 4 columns from the drop-down.
Footer Text Color : Choose a text color for the footer.
Footer Background Color : Choose a background color for the footer.

Copyright

Copyright Text : Write your copyright text here.
Enable Copyright Credit : Allows you to enable or disable copyright credit.

Import/ Export

You can always make a backup and/or restore your settings here. So you can freely experiment with all of Perfecto options without having fear to loose some of them.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.

Select Blog from the Post page drop-down menu.
Use the left-bottom Save Changes button to save the settings.

Front-end appearance:

Creating Dropdown Menu

Go to Appearance> Menus
Select the main menu and drag the submenu items right below the main menu.

Put a tick check mark on the display location Primary and click on Save Menu on the right-bottom side of the module and you are done.

The front-end appearance should be like below:

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

Our developed elements those are only for Perfecto theme can be found in Perfecto tab under Elementor.

Perfecto Portfolio1

To add Perfecto Portfolio1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Portfolio1 from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Style

Portfolio Layout

Grid Layout : Allows you to define in how many columns you want to show the portfolio items. You can select 2,3 or 4 columns.
Item Spacing : Define the amount of spacing you want between two items.
Filter Enable/Disable : Allows you to enable or disable filter/ category option for the items.
Filter Layout : Choose a filter layout from the drop-down. You can either select border or round.

Portfolio Style

Filter Color : Choose a color to apply on the filter/ category names.
Filter Background Color : Choose a color for the filter background.
Filter Hover/Active Color : Set a color for filter hover as well as active link.
Filter Hover/Active Background Color : Choose a color for filter hover background color.
Item Overlay Color : Define the color to set as the overlay color on items while hover over.
Typography : To enable this option, you can configure your custom typography for the portfolio including changing font, size, weight, transform, line height and more.

The front-end appearance:

Perfecto Testimonial1

To add Perfecto Testimonial1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Testimonial1 from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Style

Testimonial Options

Testimonial Items to Show : Define the number of items to show.
Testimonial Front Size : Define the font size for the testimony.
Name Transform : Define the name text transform style.
Autoplay Enable/Disable : Allows you to enable or disable autoplay.

Color Options

Testimonial Color : Choose a color for the testimonial texts.
Name Color : Choose a color for the person name text.
Destination Color : Choose a color for the person designation text.
Border Color : Choose a border color.
Background Color : Set a color as background.
Hover/Active Background Color : Choose a color to set as hover/active background color.

The front-end appearance:

Perfecto Pricing

To add Perfecto Pricing element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Pricing from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Content

Header

Choose your icon : Choose a icon for the pricing pack.
Title : Write the title that will appear underneath the icon.

Pricing

Currency Symbol : Choose the currency symbol
Price : Put the price for this package here.

Features

List Item 1 : Customize the feature one including feature title, icon, and icon color.
List Item 2 : Customize the feature two.
List Item 3 : Customize the feature three.
Add Item : This button allows you to all more features.

Footers

Button text : Join now/ Buy now/ Sign up button text here.
Link : Provide the button link here.

Style

Icon : Customization settings for icon used at the top of the pricing table. Header : Customization settings for the header text used in the pricing table. Pricing : Customization settings for the pricing symbol, and text used in the pricing table. Feature : Customization settings for the feature texts used in the pricing table. Footer : Customization settings for the footer button used at the bottom of the pricing table.

The front-end appearance:

Perfecto Service

To add Perfecto Service element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Service from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Style

Styles

Title Color : Set a color for the title.
Content Color : Choose a color for the content.
Item Overlay Color : Choose a overlay color.

Title Typography : To enable this option, you can apply your preferred typography for the title including changing font, size, weight, color, and more. Content Typography : To enable this option, you can apply your preferred typography for the content including changing font, size, weight, color, and more. Button Options : With this option, you can customize the button in details including setting its color, border color, add some padding/ margin and more.

The front-end appearance:

Perfecto Team1

To add Perfecto Team1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Team1 from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Content

Upload Team Image : Allows you to upload team member image.
Team Name : Write the name of the member.
Team Destination : Write member’s designation here.
Team Description : Write the description text here.
Social Share : Provide the social site name, profile link and icon.

You can add multiple social profile icon using Add Item button.

Style

Title Options : Customize title options from here including alignment, typography, title spacing, color and more. Description Options : Customize description options from here including typography, color, overlay color and more. Icon Options : Customize icon options from here including color, font size, border radius, icon bg color and more.

The front-end appearance:

Perfecto Blog1

To add Perfecto Blog1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Blog1 from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Style

Title

Typography : Make your custom typography for title including font-family, size, weight, line height, color, and more.
Title Spacing : Define the amount of spacing you want between title and content text.

Content

Typography : Make your custom typography for content including font-family, size, weight, line height, color, and more.

Color Options

Title Color : Choose a color for the title.
Title & Meta Hover Color : Choose a color for title hover effect.
Content Color : Choose a color for the content texts.
Meta Color : Choose a color for the meta texts.

The front-end appearance:

Perfecto Slider

To add Perfecto Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Perfecto Slider from the left Perfecto Elements section and drop on your page.
Click on Save to save the settings.

Content

Slider Title : Write the title text here.
Title Animation : Select an animation effect to apply on the title.
Upload Slider Image : Allows you to upload slider image.
Slider Description : Put the description text here.
Content Animation : Select an animation effect to apply on the description text.
Button Text : Put the button text here.
Button Link : Provide the button link here.
Button Animation : Select an animation effect to apply on the button.

Style

Content Options : Allows to Perfecto between Content Option and Title Option to appear. This option broadly allows you to customize content settings according to your wish including its typography, color, spacing, padding/ margin, positioning, overlay bg color, caption position and more.

Button Options : Allows to broadly customize button customization options including border, border radius, color, bg color, text transform, spacing, background color and more.

Control Options : This setting allows you to configure slider control options including interval between two slider items, item background, background size, background attachment and more.

The front-end appearance:

Switch Pro

2017-05-30T16:03:03+06:00

Key Features

Fully Responsive
Fast Loading
One Click Demo Import
Stunning Layout
Unlimited Color Variations
SEO Optimized
Awesome Slider
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Drag and Drop page builder
Organized Team section
Sticky Headers
Neat Testimonial Section

Requirements

In order to run Switch Pro smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Switch Pro download page on www.themeforest.net then download the SwitchProPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Switch Pro theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Switch Pro theme, in that case, you just need to install the following package:

switch_pro.zip

You can find this package inside the downloaded .zip file of Switch Pro theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire switch_pro.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the switch_pro.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Alternative: Upload Switch Pro via FTP

In case you wish install the theme via FTP, proceed as follows:

Unzip switch_pro.zip
Login to your hosting space via an FTP Client
Upload the whole contents of the unzipped switch_pro.zip into wp-content/themes/ folder under your WordPress installation.
Once you’ve uploaded the theme you can open Appearance → Themes page and activate the theme from list. After that you need to install and activate the plugins as described above.

Active Required Plugins

There are four plugins, required for Switch Pro theme to work properly. Those are listed below:

Switch Pro Core: Theme Core Functionality (CPTs and shortcodes).
CMB2: The metabox framework we used to create metaboxes.
Elementor: Drag and Drop page builder.
Redux Framework: The option framework we used to create options panel.
(recommended)One Click Demo Import : Import demo data with one click.
(recommended)Contact Form 7 : For creating the contact form.
(recommended)Instagram Widget: Instagram social widget.
(recommended)MailChimp: Email subscription toolkit.

Before activating those plugins, you have to install them manually. To do so,

Go to Appearance> Install Plugins
Select those required plugins.
From the drop-down menu, select Install and click on Apply.

After plugins installation been completed, to activate those required plugins, simply go to Plugins> Installed Plugins

Select all those required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data
Just click on the Import Demo Data button below of the module and it’ll successfully import with taking a minimum amount of time.

Theme Options

Switch Pro has an advanced admin panel for Theme Options, which gives you plenty of options and settings to customize your website. Go to Dashboard -> Switch Pro Options and you will get Switch Pro admin panel. All settings are organized in logical sections and have brief descriptions of what they do. A lot of these settings are self explanatory.

Things to Remember

Always click on Save Changes in order to make your settings take effect.
By clicking on Reset Section you can reset current section you are customizing and with Reset All you can reset all your settings to the defaults.
You can always make a backup and/or restore your settings by using Import/Export option in admin panel. So you can freely experiment with all of Switch Pro options without having fear to loose some of them.
Please Note: in order to ensure the correct working of theme options (saving your style changes) all caching plugins you may be using on your website should be better deactivated. After you are done with your changes you can activate this caching plugins again.

Global Settings

Logo : Upload a logo for your site.
Enable Breadcrumb : Allows you to enable or disable breadcrumb.
Enable Preloader : Allows you to enable or disable preloader animation.

Header Options

Global Menu Text Size : Set the text size for the menus for all header variations.
Global Menu Text Transform : Select text transform for the menu texts.
Select Your Header : Select header style from the drop-down menu.
Select Your Header Position V1 : Select the header position. You can either choose fixed, absolute or static.
Affix Switch V1 : Allows you to enable or disable sticky header.
Affix Logo : Upload a logo for the sticky header. If you don’t want to use any logo, leave if blank.
Header 1 Affix Navbar Bg Color : Choose a background color for the sticky navigation menu.
Header Affix V1 Menu Color : Choose menu text color for the sticky navigation menu.
Button Switch V1 : Allows you to enable or disable modal button that directly let user contact through pop-up.
Button Text : Write the modal button text.
Contact Form Shortcode : Write your custom shortcode for contact form.

Custom Style

Primary Color : Allows you to choose color for the theme’s primary color.
Header Menu Hover & Active Color : Choose a color to set as the header menu hover as well as active color.

Background Image

404 Page Header Background Image : Upload the header background image for 404 page.
404 Image : Upload 404 image.
Search Page Header Background Image : Choose your preferred image for the search page background.
Category Page Header Background Image : Choose a background image for category page header.

Sidebar

Default Blog Sidebar : Select the default sidebar position from the drop-down.
Details Blog Sidebar : Select the default sidebar position for individual blog post.

Custom Fonts

Body Typography : Configure your custom typography for your site body. It allows you to choose font-style, font-weight, size, alignment, color and more.
Heading Typography : Configure your custom typography for your site heading. Unlikely the body typography setting, it allows you to choose font-style, font-weight, size, alignment, color and more.
Menu Typography : Configure your custom typography for your site menu. Similarly like heading typography setting, it allows you to choose font-style, font-weight, size, alignment, color and more.

Footer

Enable Related Post Section : Allows to enable or disable related posts section.
Footer Columns Layout : Define the number of columns on footer. You can select 1, 2,3 or 4 columns from the drop-down.
Footer Text Color : Choose a text color for the footer.
Footer Background Color : Choose a background color for the footer.

Copyright

Copyright Text : Write your copyright text here.
Enable Copyright Credit : Allows you to enable or disable copyright credit.

Import/ Export

You can always make a backup and/or restore your settings here. So you can freely experiment with all of Switch Pro options without having fear to loose some of them.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.

Select Blog from the Post page drop-down menu.
Use the left-bottom Save Changes button to save the settings.

Front-end appearance:

Creating Dropdown Menu

Go to Appearance> Menus
Select the main menu and drag the submenu items right below the main menu.

Put a tick check mark on the display location Primary and click on Save Menu on the right-bottom side of the module and you are done.

The front-end appearance should be like below:

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

Our developed elements those are only for Switch Pro theme can be found in Switch Pro tab under Elementor.

Switch Portfolio1

To add Switch Portfolio1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Portfolio1 from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Style

Portfolio Layout

Grid Layout : Allows you to define in how many columns you want to show the portfolio items. You can select 2,3 or 4 columns.
Item Spacing : Define the amount of spacing you want between two items.
Filter Enable/Disable : Allows you to enable or disable filter/ category option for the items.
Filter Layout : Choose a filter layout from the drop-down. You can either select border or round.

Portfolio Style

Filter Color : Choose a color to apply on the filter/ category names.
Filter Background Color : Choose a color for the filter background.
Filter Hover/Active Color : Set a color for filter hover as well as active link.
Filter Hover/Active Background Color : Choose a color for filter hover background color.
Item Overlay Color : Define the color to set as the overlay color on items while hover over.
Typography : To enable this option, you can configure your custom typography for the portfolio including changing font, size, weight, transform, line height and more.

The front-end appearance:

Switch Testimonial1

To add Switch Testimonial1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Testimonial1 from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Style

Testimonial Options

Testimonial Items to Show : Define the number of items to show.
Testimonial Front Size : Define the font size for the testimony.
Name Transform : Define the name text transform style.
Autoplay Enable/Disable : Allows you to enable or disable autoplay.

Color Options

Testimonial Color : Choose a color for the testimonial texts.
Name Color : Choose a color for the person name text.
Destination Color : Choose a color for the person designation text.
Border Color : Choose a border color.
Background Color : Set a color as background.
Hover/Active Background Color : Choose a color to set as hover/active background color.

The front-end appearance:

Switch Pricing

To add Switch Pricing element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Pricing from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Content

Header

Choose your icon : Choose a icon for the pricing pack.
Title : Write the title that will appear underneath the icon.

Pricing

Currency Symbol : Choose the currency symbol
Price : Put the price for this package here.

Features

List Item 1 : Customize the feature one including feature title, icon, and icon color.
List Item 2 : Customize the feature two.
List Item 3 : Customize the feature three.
Add Item : This button allows you to all more features.

Footers

Button text : Join now/ Buy now/ Sign up button text here.
Link : Provide the button link here.

Style

The front-end appearance:

Switch Service

To add Switch Service element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Service from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Style

Styles

Title Color : Set a color for the title.
Content Color : Choose a color for the content.
Item Overlay Color : Choose a overlay color.

The front-end appearance:

Switch Team1

To add Switch Team1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Team1 from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Content

Upload Team Image : Allows you to upload team member image.
Team Name : Write the name of the member.
Team Destination : Write member’s designation here.
Team Description : Write the description text here.
Social Share : Provide the social site name, profile link and icon.

You can add multiple social profile icon using Add Item button.

Style

The front-end appearance:

Switch Blog1

To add Switch Blog1 element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Blog1 from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Style

Title

Typography : Make your custom typography for title including font-family, size, weight, line height, color, and more.
Title Spacing : Define the amount of spacing you want between title and content text.

Content

Typography : Make your custom typography for content including font-family, size, weight, line height, color, and more.

Color Options

Title Color : Choose a color for the title.
Title & Meta Hover Color : Choose a color for title hover effect.
Content Color : Choose a color for the content texts.
Meta Color : Choose a color for the meta texts.

The front-end appearance:

Switch Slider

To add Switch Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Switch Slider from the left Switch Pro Elements section and drop on your page.
Click on Save to save the settings.

Content

Slider Title : Write the title text here.
Title Animation : Select an animation effect to apply on the title.
Upload Slider Image : Allows you to upload slider image.
Slider Description : Put the description text here.
Content Animation : Select an animation effect to apply on the description text.
Button Text : Put the button text here.
Button Link : Provide the button link here.
Button Animation : Select an animation effect to apply on the button.

Style

Content Options : Allows to switch between Content Option and Title Option to appear. This option broadly allows you to customize content settings according to your wish including its typography, color, spacing, padding/ margin, positioning, overlay bg color, caption position and more.

Button Options : Allows to broadly customize button customization options including border, border radius, color, bg color, text transform, spacing, background color and more.

Control Options : This setting allows you to configure slider control options including interval between two slider items, item background, background size, background attachment and more.

The front-end appearance:

Eventas

2017-05-16T13:20:34+06:00

A pre-SEO optimized and responsive Joomla template with 7 interactive homepage variations, crafted beautifully for event management websites.

Key Features

Fully Responsive
Fast Loading
One Click Demo Import
Stunning Layout
Multiple Attractive Home Variations
Huge Built-in Pages
SEO Optimized
RTL Supports
Dynamic Navigation Menu
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Revolution Slider and Carousel
Drag and Drop page builder
Color Variations
Sticky Headers
Eye-catching Slider

Requirements

In order to run Eventas smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Eventas download page on www.themeforest.net then download the EventasPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Eventas theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Eventas theme, in that case, you just need to install the following package:

eventas.zip

You can find this package inside the downloaded .zip file of Eventas theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire eventas.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the eventas.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Installing Child Theme

If you plan to modify the source code of the main parent theme (php, js, style.css) we strongly recommend to install this child theme and make such modifications inside this child theme in order to avoid any possible problems & issues by installing updates of Eventas main parent theme in future. You can find this child theme in Theme folder – please look for eventas-child.zip.

The installation of the child theme works in the same way as the installation of the main parent theme (see description above).

DON’T TRY TO INSTALL CHILD THEME IF THE MAIN THEME IS NOT INSTALLED YET. THIS WILL GIVE NO RESULT!

Alternative: Upload Eventas via FTP

In case you wish install the theme via FTP, proceed as follows:

Unzip eventas.zip
Login to your hosting space via an FTP Client
Upload the whole contents of the unzipped eventas.zip into wp-content/themes/ folder under your WordPress installation.
Once you’ve uploaded the theme you can open Appearance → Themes page and activate the theme from list. After that you need to install and activate the plugins as described above.

Active Required Plugins

There are four plugins, required for Academia theme to work properly. Those are listed below:

Eventas Core: Theme Core Functionality (CPTs and shortcodes).
CMB2: The metabox framework we used to create metaboxes.
Elementor: Drag and Drop page builder.
Redux Framework: The option framework we used to create options panel.
(recommended)One Click Demo Import : Import demo data with one click.
(recommended)Contact Form 7 : For creating the contact form.

Before activating those plugins, you have to install them manually. To do so,

Go to Appearance> Install Plugins
Select those required plugins.
From the drop-down menu, select Install and click on Apply.

After plugins installation been completed, to activate those required plugins, simply go to Plugins> Installed Plugins

Select all those required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data
Just click on the Import Demo Data button below of the module and it’ll successfully import with taking a minimum amount of time.

You can import demo data manually with the following procedures.

Log in to the WordPress Administration Panels.
Go to Tools> Import
Select the WordPress from the list. It can be found at the bottom of the list of plugins, normally.
Install the WordPress Importer plugin, if you haven't installed it yet.
After being installed, click on Run Importer to open the module.

It allows you to select the demo data file from your local drive and upload into your server.

Now, click on Choose File. Once you click on it, it prompts up a screen, allowing you to select the demo data file from your local drive.
Choose the eventas-content-demo.xml file and click Upload file and import

Demo data files can be found in Demo folder after you extract the theme package and the path should be /Demo/eventas-content-demo.xml.

On the second screen, set up an author and don't forget to check the Download and import file attachments. After making sure it is checked in, click on Submit button.

You can also import widget setting via this widget Importer Plugin

Widget setting file can be found in Demo folder after you extract the theme package and the path should be /Demo/widget_data.jason.

Theme Options

Eventas has an advanced admin panel for Theme Options, which gives you plenty of options and settings to customize your website. Go to Dashboard -> Eventas Options and you will get Eventas admin panel. All settings are organized in logical sections and have brief descriptions of what they do. A lot of these settings are self explanatory.

Things to Remember

Always click on Save Changes in order to make your settings take effect.
By clicking on Reset Section you can reset current section you are customizing and with Reset All you can reset all your settings to the defaults.
You can always make a backup and/or restore your settings by using Import/Export option in admin panel. So you can freely experiment with all of Eventas options without having fear to loose some of them.
Please Note: in order to ensure the correct working of theme options (saving your style changes) all caching plugins you may be using on your website should be better deactivated. After you are done with your changes you can activate this caching plugins again.

General

Primary Color : Choose your preferred color to set as the theme primary color.
Secondary Color : Choose your preferred color to set as the theme secondary color.
Blog Sidebar : Set a position for the blog sidebar.
Enable Preloader? : Allows you to enable or disable preloader animation.

Header

Logo : Upload a logo for your site branding.
Header Layout : Choose a header layout style from the previews.
Enable Sticky Menu : Allows you to either enable or disable sticky menu.
Header Position : Define the position for the header.

Event

Event Type : Select your event type, Single Day or Multiple Days.
Event Date : If you select “Single Day” in event type you will find this option to set the event date with a date picker.
Venue : Write your event venue address to show in Countdown Add-on.
Start Time : Set starting time of your event in 24 hours format(Between 0-23).

If you select “Multiple Days” in event type you will find this option to set starting date of your event with a date picker.

End Time : Set ending time of your event in 24 hours format(Between 0-23).

If you select “Multiple Days” in event type you will find this option to set ending date of your event with a date picker.

Social

You will find empty text boxes to put all the common social media links. Just put the corresponding link in their particular field.

Facebook URL : Put your Facebook profile URL here.
Twitter URL : Put your Twitter profile URL here.
LinkedIn URL : Put your Linkedin profile URL here.
Google Plus URL : Put your Google Plus profile URL here.
Youtube URL : Put your Youtube profile URL here.
Behance URL : Put your Behance profile URL here.
Dribble URL : Put your Dribble profile URL here.
Pinterest URL : Put your Pinterest profile URL here.
Flickr URL : Put your Flickr profile URL here.

Custom Style

Menu Color : Choose your preferred color for the navigation menu.
Menu Active Color : Pick a color for menu active state.
Menu Border Color : Change menu bottom border color which you can see on active and hover.
Header Background : Set custom background in Header. You can set color or image.
Footer Background : Set custom background in Footer. You can set color or image.
Footer Bottom Background : Set custom background in footer bottom area. You can set color or image.
Custom CSS Code : Write your custom CSS code here.
Custom JS Code : Write your custom JavaScript code here. If you want to use jQuery, please write “jQuery” instead of “$” sign.

Typography

Header Typography : Set your own typography for header (h1, h2, h3, h4, h5, h6). You can use any Font Family from google fonts. You can also set Font Weight and Font Color.
Body Typography : Set your own typography for site (css rule will apply to ‘body’). You can use any Font Family from google fonts. You can also set Font Weight, Font Color, Font Size and Line Height.
Nav Menu Typography : Set your own typography for menu. You can use any Font Family from google fonts. You can also set Font Weight and Font Size.
Countdown Typography : Set your own typography for event countdown. You can use any Font Family from google fonts. You can also set Font Weight and Font Color.

Permalink

Enable Custom Permalink : Allows you to enable or disable permalink option.
Schedule Slug : Define your preferred slug for the schedule post type.
Speaker Slug : Define your preferred slug for the speaker post type.

Those above two option only can be found when the Enable Custom Permalink option is set on.

Footer

Footer Layout : Select your preferred layout style for footer.
Footer Logo? : Allows you to enable or disable footer logo.
Social Icon? : Allows you to enable or disable social icons.
Show TemeXpert Credit : Allows you to enable or disable showing ThemeXpert Credit.
Copyright Text : Write your copyright text here.

Import/ Export

You can always make a backup and/or restore your settings here. So you can freely experiment with all of Eventas options without having fear to loose some of them.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.

To set Home 2 as your default Homepage, just select Home 2 under the front-page drop-down menu. Similarly for Homepage 3, 4, 5, 6 and 7 select Home 3, Home 4, Home 5, Home 6 or Home 7.

Select Blog from the Post page drop-down menu.
Use the left-bottom Save Changes button to save the settings.

Creating Dropdown Menu

Go to Appearance> Menus
Select the main menu and drag the submenu items right below the main menu.

Put a tick check mark on the display location Primary and click on Save Menu on the right-bottom side of the module and you are done.

The fron-end appearance should be like below:

Creating Schedule

Creating Schedule might be tricky. But don’t worry. We will guide you. You have to create a schedule for each day for your event. Suppose your event is 3 days long. So you will create 3 schedules. In schedule, you will create your sessions for that day with repeatable fields.

Go to Schedules> Add New

Fill up the required all fields for the session.

Session Name : Write session name from here. Description : Write some description for this session like what is this session about. Date : This is optional field. Set the date of that day. Starting Time : Set starting time of this session. Ending Time : Set ending time of this session. Venue : You might have multiple session at same time. So write venue of this session here like Hall A, Hall B etc. Featured? : Check this field if this session is keynote or featured. Speakers : Just click the “+” sign of speaker you want to set for this session. You can create speaker from Dashboard -> Speakers. Available Speakers : The existing speakers you created so far.

You can add multiple session just by clicking onAdd Another Entry button.

Finally, Save the settings. Click on the Publish button from the right-top of the module.

Front-end appearance:

Creating Speakers

Creating speakers is also simple with a few straightforward steps to be maintained. All the fields are pre-explained so nothing is to be confused with there. To add new speakers,-

Go to Speakers> Add New

Fill the all required information of the speaker.

Finally, Save the settings. Click on the Publish button from the right-top of the module.

Front-end appearance:

Elements / Shortcodes

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for Eventas theme from the Eventas Elements tab on the elementor.

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

Our developed elements those are only for Eventas theme can be found in Eventas tab under Elementor.

Schedule One

To add Schedule One element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Schedule One from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Allows you to order the schedules by Date, Time or Random.
Order : You can organize in ascending order descending order.

Stye

Color : Choose your preferred color for the tab navigation text.
Hover Color : Set a hover color.
Active Color : Select an active color.

The Frontt-end appearance:

Schedule Two

To add Schedule Two element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Schedule Two from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Allows you to order the schedules by Date, Time or Random.
Order : You can organize in ascending order descending order.

Stye

Tab Navigation

Color : Choose your preferred color for the tab navigation text.
Hover Color : Set a hover color.
Active Color : Select an active color.
Border Color : Select a color for the border.

Background Color

Tab Background : Set a background color for the tab.
Tab Item Background : Set a background color for the tab items.
Tab Navigation Background : Set a background color for the tab navigations.
Tab Duration Background : Set a background color for the tab durations.

Content Color

Title Color : Choose a title color.
Title Hover Color : Choose title hover color.
Content Color : Choose a color for contents.
Duration Color : Define duration color.
Speaker Color : Choose a color for the speakers.

The front-end appearance:

Schedule Three

To add Schedule Three element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Schedule Three from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Allows you to order the schedules by Date, Time or Random.
Order : You can organize in ascending order descending order.

Stye

Tab Navigation

Color : Choose your preferred color for the tab navigation text.
Hover Color : Set a hover color.
Active Color : Select an active color.
Border Color : Select a color for the border.

Content Color

Title Color : Choose a title color.
Title Hover Color : Choose title hover color.
Content Color : Choose a color for contents.
Duration Color : Define duration color.
Speaker Color : Choose a color for the speakers.

The front-end appearance:

Speaker One

To add Speaker One element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Speaker One from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Allows you to order the Speakers by Date, Time or Random.
Order : You can organize in ascending order descending order.
Item To Show : Define the number of items to show at a time.

Stye

Add Duotone Filter : Allows you to enable or disable duotone filter on the speaker images.

The front-end appearance:

Speaker Two

To add Speaker Two element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Speaker Two from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Allows you to order the schedules by Date, Time or Random.
Order : You can organize in ascending order descending order.
Item To Show : Define the number of items to show at a time.
Keynote Only : Define that you want to show only the keynote speakers or want to show all.

Stye

Image

Add Duotone Filter : Allows you to enable or disable duotone filter on the speaker images.

Content

Background Color : Choose a color for the background.
Designation Color : Choose a color for the designation text.
Description Color : Choose a color for the description text.

The front-end appearance:

Speaker Three

To add Speaker Three element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Speaker Three from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Allows you to order the Speakers by Date, Time or Random.
Order : You can organize in ascending order descending order.
Item To Show : Define the number of items to show at a time.
Keynote Only : Define that you want to show only the keynote speakers or want to show all.

Stye

Image

Add Duotone Filter : Allows you to enable or disable duotone filter on the speaker images.

Content Color

Title Color : Choose a color for the title text.
Title Hover Color : Choose a color for the title text hover.
Social Color : Choose a color for the social icons.
Social Hover Color : Choose a color for the social icons hover.
Designation Color : Choose a color for the designation text.

The front-end appearance:

Speaker Single

To add Speaker Single element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Speaker Single from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Select Speaker : Allows you to select a speaker.
Display Style : Select a style to display the speaker information.
Custom Image? : Allows you to use a custom image for the speaker.

Stye

Image

Image Filter : Allows you to apply a filter effect to the image.

The front-end appearance:

Button

To add Button element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Button from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Text : Write the button text here.
Action URL : Put the URL where to redirect user when they click on the button.
Alignment : Select button alignment/ position.

Stye

Text Color

Color : Choose a color for the button text.
Hover Color : Choose a color for the button text hover.
Active Color : Choose a color for the button active state.

Border

Border One Color : Choose a color for border one.
Border Two Color : Choose a color for border two.
Border Width : Specify the border width.
Border Spacing : Define the amount of space between two borders.

The front-end appearance:

Book Now

To add Book Now element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Book Now from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Title : Write Title text here.
Content : Write the content text here.
Button Link : Put the button URL.
Button Text : Write the button text here.
Redirect Message : Write the redirect message.

Stye

Background Color :

Title

Color : Set the color for the title text.
Typography : Use custom typography for the title text including font-family, size, weight, line-height, letter-spacing, style, etc.

Content

Color : Set the color for the content text.
Typography : Use custom typography for the content text including font-family, size, weight, line-height, letter-spacing, style, etc.

Button

Color : Set the color for the button text.
Typography : Use custom typography for the button text including font-family, size, weight, line-height, letter-spacing, style, etc.

Redirect Message

Color : Set the color for the redirect message.
Typography : Use custom typography for the redirect message including font-family, size, weight, line-height, letter-spacing, style, etc.

The front-end appearance:

EventBrite Button

To add EventBrite Button element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the EventBrite Button from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Text : Write the button text.
EventBrite ID : Put the EventBrite ID here.
Alignment : Define the button position.

Stye

Text Color

Color : Set the color for the button text.
Hover Color : Set the hover color for the button.
Active Color : Set the active color for the button.

Border

Border One Color : Set the color for border 1.
Border Two Color : Set the color for border 2.
Border Width : Define the border width.
Border Spacing : Define the amount of space between two borders.

The front-end appearance:

Venue

To add Venue element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Venue from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Venue Title : Write the name of the venue.
Address Title : Write the address title here.
Venue Title : Write the venue address here.
Location Title : Write the location title.
Location Content : Write the venue location.
Choose Image** : Allows you to choose an image for the venue.

The front-end appearance:

Blog Post

To add Blog Post element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Blog Post from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Query

Order By : Order Blog Posts by Date, Title or Random.
Order : Order in Descending order or Ascending order.
Item To Show : Define the number of items to show.
Show Sticky : Allows you to enable or disable sticky option.

The front-end appearance:

EventBrite

To add EventBrite element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the EventBrite from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

EventBrite ID : Put the EventBrite ID here.

The front-end appearance:

Pricing Table

To add Pricing Table element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Pricing Table from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Header

Title : Write the title text here.
Subtitle : Write subtitle text here.

Pricing

Currency Symbol : Choose the currency symbol from the drop down.
Price : Define the price.
Sale : To enable this option, you can add the old price of your product in scratch text style.
Period : Define the pricing valid for Days, Months, or Years.

Features

List Item : Configure for feature 1 including title, icon, and icon color.

Footer

Button Text : Write the button text.
Link : Put the button link.
Additional Info : Provide the additional information.

Ribbon

Show : Allows you to enable or disable showing ribbon.
Title : Ribbon title.
Horizontal Position : Select the position either left or right.

Stye

Header

Background Color : Set a background color.
Padding : Define the amount of padding on header.
Title Color : Set the title color.
Typography : Customize the typography options for title text.
Subtitle Color : Set the subtitle color.
Typography : Customize the typography options for subtitle text.

Pricing

Background Color : Set a background color.
Padding : Define the amount of padding on header.
Color : Set the text color.
Typography : Customize the typography options for the text. Currency Symbol
Size : Define the size of the currency symbol.
Vertical position : Define the position of the currency symbol.

Fractional Part

Size : Define the size of the fractional part.
Vertical position : Define the position of the fractional part.

Period

Color : Choose the color for the period text.
Typography : Customize the typography options for the text.
Position : Define its position.

Features

Background Color : Set the background color for the features section.
Padding : Define the amount of padding you want to add.
Color : Set the color.
Typography : Customize the typography options for the text.
Alignment : Define the position.
Width : Define the width for the features area.
Divider : Allows you to enable or disable showing divider.
Style : Choose the style for the divider.
Color : Choose the color for the divider.
Width : Set the width for the divider.
Height : Set the height for the divider.
Gap : Define the amount of gap between two items.

Footer

Background Color : Set the background color for the footer section.
Padding : Define the amount of padding you want to add.
Button : Allows you to choose button style either Normal or Hover.
Text Color : Set the color of the texts.
Typography : Customize the typography options for the button text.
Background Color : Set the background color for the button.
Border Type : Choose the type of the border.
Border Radius : Define the border radius.
Text Padding : Define the amount of padding for the footer texts.

Additional Info

Color : Choose the color for additional texts.
Typography : Customize the typography options for additional texts.
Margin : Define the amount of margin for the section.

Ribbon

Background Color : Set the background color for the ribbon section.
Distance : Define the distance of the ribbon from the corner.
Text Color : Set a color for the text.
Typography : Customize the typography options for ribbon text.
Box Shadow : Enable and customize box shadow options.

The front-end appearance:

Event Countdown

To add Event Countdown element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Event Countdown from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

View : Choose countdown display type. You can either show countdown inline or block style.
Days : Allows you to show or hide days.
Hours : Allows you to show or hide hours.
Minutes : Allows you to show or hide minutes.
Seconds : Allows you to show or hide seconds.
Show Labels : Enable or disable showing labels.
Custom Labels : To enable this option let you use your custom labels for Days, Hours, Minutes, and Seconds.

Style

Container Width : Define the width of the countdown section.
Background Color : Choose a background Color.
Item Alignment : Define the countdown timer alignment.
Text Alignment : Define the numbers and texts alignment on countdown.
Box Shadow : Allows you to enable or disable box shadow.
Border Type : Select border type.
Border Radius : Define amount of border radius.
Space Between : Define the amount of space between Days, Hours, Minutes, and Seconds.
Padding : Add amount of padding value on the numbers and label texts.

Digits

Individual Color : Enable and set individual colors for the digits.
Color : Set a common color for the digits.
Typography : Customize the typography options for digit texts.

Label

Individual Color : Enable and set individual colors for the labels.
Color : Set a common color for the labels.
Typography : Customize the typography options for label texts.

The front-end appearance:

Ticket Tailor

To add Ticket Tailor on your website page and make it work requires a few simple procedures, that I’m going to explain one by one.

Step : 1

Download and Install Ticket Tailor WordPress plugin.
Enable that plugin from the WordPress admin panel. ( Plugins> Install Plugins )

Step : 2

Go to Ticket Tailor website and login with your valid username and password.
Go to Dashboard
Add a new event and click on the just created event.

Step : 3

Click on the Website embed codes like pointed on the screenshot below.

Now select the direction For WordPress websites
Copy and preserve the URL that pointed by yellow color on the screenshot below.

Step : 4

Now, go to Pages, where to place Ticket Tailor element.
Click on Edit With Elementor
Drag the Ticket Tailor from the left Eventas Elements section and drop on your page.

Step : 5

Paste the copied URL on the Event Widget URL text box and finally
Click on Save to save the settings.

Content

Event Widget URL : Put the event widget URL here.
Minimal : Allows you to enable or disable switching minimal or not.
Background Fill : Allows you to enable or disable background fill option.
Show Logo : Allows you to enable or disable showing logo.

The front-end appearance:

Ticket Tailor Button

To add Ticket Tailor Button element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Ticket Tailor Button from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Content

Text : Write the button text here.
Alignment : Define the button alignment.

Ticket Tailor

Event Widget URL : Put the event widget URL here.
Minimal : Allows you to enable or disable switching minimal or not.
Background Fill : Allows you to enable or disable background fill option.
Show Logo : Allows you to enable or disable showing logo.

Style

Text Color

Color : Set the text color.
Hover Color : Choose a color for hover effect.
Active Color : Define a color for the active state.

Border

Border One Color : Choose border one color.
Border Two Color : Choose border two color.
Border Width : Define border width.
Border Spacing : Set border spacing.

The front-end appearance:

MailChimp

To add MailChimp element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the MailChimp from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Action URL : Put the URL to redirect at the submit button click event.
Input Name : Write your custom name of the element.
Email Placeholder : Write the placeholder text.
Button Text : Specify the button text.

Style

Form

Background Color : Choose a background color.
Border Type : Define the type of border.
Border Radius : Specify the amount of border radius.

Button : Configure the custom button settings.

The front-end appearance:

Tickera Event Tickets

To add Tickera Event Tickets element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Tickera Event Tickets from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Select Event : Select an event from the drop-down.
Link Title : Write the title of the Link.
Ticket Type Column Title : Define the “Ticket Type” column title.
Price Column Title : Define the “Price” column title.
Cart Column Title : Define the “Cart” column title.
Quantity Column Title : Define the “Quantity” column title.
Soldout Message : Write the soldout message as you wish.
Show Quantity Selector : Allows you to enable or disable showing quantity selector.
Link Type : Allows you to select link type either Cart or Buy Now.

The front-end appearance:

Testimonial Carousel

To add Testimonial Carousel element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Testimonial Carousel from the left Eventas Elements section and drop on your page.
Click on Save to save the settings.

Content

Name : Write the name of the person.
Job : Write the profession of the person.
Add Image : Add the image of the person.
Write Testimonial : Write his testimonial text here.

See our other WordPress template with detailed documentation.

Universidad

2017-05-08T16:59:03+06:00

Universidad is a Responsive WordPress theme, supported with LMS that's specially crafted for educational websites. Its most recent trendy layouts is able to leave an everlasting sketch on its visitors mind. Its SEO optimization capability make you tension free to be get indexed by search engines fast.

Key Features

Fully Responsive
Fast Loading
Meaningful Trendy Layout
4 Home Variations
Huge Built-in Pages
SEO Optimized
Box Layout
RTL Supports
Dynamic Navigation Menu
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Revolution Slider and Carousel
WooCommerce Ready
Full Featured Blog
Individual Teacher Page
Course Details Page
Notice Board
Login System Integrated

Requirements

In order to run Universidad smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to our download page and click Explore button of next to the Universidad under the WORDPRESS THEME tab. You’ll find the theme file and demo data listed there.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Universidad theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Universidad theme, in that case, you just need to install the following package:

universidad.zip

You can find this package inside the downloaded .zip file of Universidad theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire universidad.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the universidad.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for Universidad theme to work properly. Those are listed below:

Universidad Core: theme core functionality (CPTs and shortcodes).
Elementor: Drag & Drop page builder.
WooCommerce: For selling Publication or Book.
Contact Form 7 (optional). We recommend this for the contact form.

To activate those required plugins, simply go to Plugins

Select all those four required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to Tools> Import
Select the WordPress from the list. It can be found at the bottom of the list of plugins, normally.
Install the WordPress Importer plugin, if you haven't installed it yet.
After being installed, click on Run Importer to open the module.

It allows you to select the demo data file from your local drive and upload into your server.

Now, click on Choose File. Once you click on it, it prompts up a screen, allowing you to select the demo data file from your local drive.
Choose the demo-data.xml file and click Upload file and import

Demo data files can be found in Demo folder after you extract the theme package and the path should be /Demo/demo-data.xml.

On the second screen, set up an author and don't forget to check the Download and import file attachments. After making sure it is checked in, click on Submit button.

You can also import widget setting via this widget Importer Plugin

Widget setting file can be found in Demo folder after you extract the theme package and the path should be /Demo/widget_data.jason.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on Universidad at left-bottom corner of the module screen to open up Theme Setting panel.

General Settings

Default Theme Style : Choose the primary theme color from the drop-down menu.
Default Blog Style : You can either select List or Grid style for the blog with this option.
Enable Preloader : Allows you to enable or disable Preloader.
Preloader Background Color : Set a color for the preloader background. This option can only be found when the Enable Preloader option is enabled.
Preloader Gif Image : You can select the preloader gif image with this option.
Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Themesgrove Credit : Keep it enabled if you want to give us credit. You can disable this option either.

Header Settings

Select Header Variation : Select the section are from the right side preview and its customization settings will appear right below this.
Header Logo : Upload your site logo.
Telephone : Write your telephone number here.
Email : Add your email address here.
Header Background Color : Choose a color for the header background.
Sticky Header : Allows you to enable or disable Sticky Header.
Course Header Background : Choose a header background image for your course page.
Notice Header Background : Choose a header background image for your notice page.
Teacher Header Background : Choose a header background image for your teacher page.
Search Page Header Background : Choose a header background image for search result page.

Custom Style

Custom Style : By default this option is disabled. To enable this option, a couple of settings will appear to customize according to your preference.
Header Primary Color : Allows your to set header primary color.
Header Top Link Color : Allows your to set header Top Link color including Regular color, Hover color, and Active color as well.
Menu Color : Allows your to set Menu color including Regular color, Hover color, and Active color as well.
Body Primary Color : Allows your to set a color.
Body Link Color : Allows your to set Body Link color including Regular color, Hover color and Active color as well.
Footer Primary Color : Allows your to set footer primary color.
Footer Link Color : Allows your to set Footer Link Color including Regular color, Hover color and Active color as well.

Those above seven settings can be found only if you enable the Custom Style feature.

Custom CSS : Write custom CSS code here.
Custom JS : Write custom JS code here.

Typography Settings

Custom Typography : This option allows you to use thousands of google fonts in different sections in your site. First, enable this to get the customization settings to appear.
Select Header Font and Style : Allows you to select a font style and font type for the header section.
Select BodyFont and Style : Allows you to select a font style for the body.
Select Footer Font and Style : Allows you to select a font style and font type for the footer section.

Sidebar Settings

Default Sidebar Position : Set the default sidebar position. You can either choose Left or Right from the drop-down menu.

Permalink Settings

Custom Permalink : To enable this feature allows you to customize permalink according to your needs.

Post Type

Course Slug : Write your desired custom slug for the Course Post Type in the empty text box next to this option.
Notice Board Slug : Write your desired custom slug for the Notice Board Post Type in the empty text box next to this option.
Teachers Slug : Write your desired custom slug for the Teachers Post Type in the empty text box next to this option.
Testimonial Slug : Write your desired custom slug for the Testimonial Post Type in the empty text box next to this option.

Taxonomy

Course Category Slug : Write your desired custom slug for the Course Category Taxonomy in the empty text box next to this option.
Notice Board Category Slug : Write your desired custom slug for the Notice Board Category Taxonomy in the empty text box next to this option.
Course Name Slug : Write your desired custom slug for the Course Name Taxonomy in the empty text box next to this option.

After you generate your own preferred custom slug, its IMPORTANT to go to Settings module from the left sidebar and click on Save Changes button in the bottom-left corner.

Footer Options

Enable Footer Top Area? : Allows you to enable or disable footer top area.
Footer Column : Define the number of columns you need in your site footer.
Footer Background Color : Choose a footer background color.
Copyright Text : Write your copyright text here.

Backup Settings

Import and Backup : This button allows you to import a backup theme. Just to paste the backed up string on the empty text box and then click this button.
Import and Download Backup : With this button, you can make a backup of your current theme.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home 1 from the Front-page drop-down menu.

Home 1 for Homepage 1, Home 2 for Homepage 2 and Home 3 fro Homepage 3.

Select Blog from the Post page drop-down menu.(optional)
Use the left-bottom Save Changes button to save the settings.

Creating Dropdown Menu

Go to Appearance> Menus
Select a main-menu and drag the submenu items right below the main-menu.

Click on Save Menu on the right-bottom side of the module and you are done.

The front-end appearance should be like below:

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferrences. You will have plenty of default elements to add or you can add our developed elements those are only for Universidad theme from the Universidad Elements tab on the elementor.

Elementor

Getting Started with Elementor: Getting Started With Elementor - YouTube
Sections & Columns Part 1 : Learn How to Build Your Page Layout on Elementor
Sections & Columns Part 2 : Style Options for Sections and Columns
Sections & Columns Part 3 : Padding, Margin, Responsive and Other Settings in the Advanced Tab

Under https://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

Our developed elements those are only for Universidad theme can be found in Universidad tab under Elementor.

Universidad Slider

To add Universidad Slider element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Universidad Slider from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Slider Content

Slider Title : Write the title text for the slider.
Title Animation : Choose a title animation.
Upload Slider Image : Upload images for slider.
Slider Description : Write the description text for slider.
Content Animation : Choose description text animation.
Button Text : Write the button text here.
Button Link : Input the button link.
Button Animation : Choose an animation for the button.

Content Options

Content Options

Slider Content Spacing : Define the amount of spacing between description text and title text of the slider.
Slider Content Color : Choose a color for the slider description text.
Typography : Choose font, style, size for the slider content text.
Slider Item Overlay BG Color : Choose a BG color for the slider content to apply as overlay.

Button

Define your custom style for the button used in slider.

Control Options

Define your custom control options for slider background.

The front-end appearance would be like below.

Teacher List

To add Teacher List element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Teacher List from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Image To Show : Define how many image you want to show at a time.
Column : Define in how many columns you want to show those images.

Stye

Theme : Select a theme style for the Teacher List to show.

The front-end appearance would be like below.

Teacher List Two

To add Teacher List Two element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Teacher List Two from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Image To Show : Define how many image you want to show at a time.
Column : Define in how many columns you want to show those images.

Stye

Theme : Select a theme style for the Teacher List to show.

The front-end appearance would be like below.

Notice

To add Notice element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Notice from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

The front-end appearance would be like below.

Course

To add Course element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Course from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Course

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

Apply Button

Button Active : Define the button active or not.
Text : Write the button text here.
Link : Put the button link here.

Style

Style

Overlay Color : Choose an overlay color.

Button Use your custom settings (Typography, Background Color, Border Type, Border Radius, Box Shadow, Text Padding) for the buttons.

The front-end appearance would be like below.

Course Two

To add Course Two element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Course Two from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Course

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

Apply Button

Button Active : Define the button active or not.
Text : Write the button text here.
Link : Put the button link here.

Style

Style

Overlay Color : Choose an overlay color.

Button Use your custom settings (Typography, Background Color, Border Type, Border Radius, Box Shadow, Text Padding) for the buttons.

The front-end appearance would be like below.

Course Three

To add Course Three element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Course Three from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Course

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

Apply Button

Button Active : Define the button active or not.
Text : Write the button text here.
Link : Put the button link here.

Style

Style

Overlay Color : Choose an overlay color.

Button Use your custom settings (Typography, Background Color, Border Type, Border Radius, Box Shadow, Text Padding) for the buttons.

The front-end appearance would be like below.

Course Info

To add Course Info element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Course Info from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Content

Title : Write the Course Title.
Course Start Date : Define the course starting date.
Course End Date : Define the course ending date.
Estimated Duration : Define the course duration in months.
Maximum Students : Define the maximum student's capacity.
Time : Define the time ( from - to)
Levels : Define the levels ( beginner, pro, advance, etc.)
Price : Define the course cost.

The front-end appearance would be like below.

Course Teacher

To add Course Teacher element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Course Teacher from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

Content

Title : Write the Course information here.
Lecturers Name : Write the course lecturer name.
About Lecturer : Write the bio-information of the lecturer.
Facebook Link : Facebook profile URL.
Twitter Link : Twitter profile URL.
Instagram Link : Instagram profile URL.
LinkedIn Link : LinkedIn profile URL.

The front-end appearance would be like below.

Publication

To add Publication element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Publication from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

content

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

The front-end appearance would be like below.

Events

To add Events element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Events from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

content

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

The front-end appearance would be like below.

Events Two

To add Events Two element on a page, first-

Go to Pages
Click on Edit With Elementor
Drag the Events Two from the left Universidad Elements section and drop on your page.
Click on Save to save the settings.

Content

content

Order By : Order by Date, Time or Random.
Order : Order in Ascending order or Descending order.
Item To Show : Define the number of item to show.
Column : Define the number of columns in which you want to show the contents.

The front-end appearance would be like below.

Orvil

2017-04-26T16:12:52+06:00

Orvil is an 100% responsive, OnePager WordPress theme, comes with four interactive and modern Homepage variations. It is capable of meeting your all requirements for a Business Agency websites as well as personal Portfolio websites either. It's easy customizability let you build your site faster and for its pre-build existing pages, you need not to build it from the sketch.

Key Features

Revolution Slider
Fully Responsive
Multiple Homepage Variations
Google Map Integration
Neat and Clean Design
Well Documentation
One Page Layout
600+ Google fonts
Decorated Blog
Fast Loading Capability
Stylish Portfolio
SEO friendly
Smooth Content Tab
Mailchimp Integration
Amazing Customer Counting

Requirements

In order to run Orvil smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Orvil download page on our websitewww.themexpert.com then download the tx_orvil.zip file.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Orvil theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Orvil theme, in that case, you just need to install the following package:

tx_orvil.zip
Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the tx_orvil.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Activate Required Plugin

There is only one plugin required for Orvil theme to work properly. That is-

OnePager: One Page Builder

To activate those required plugins, simply go to Plugins

Select OnePager

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

No required to import demo data as you'll find it previously imported by default. You just need to install the theme package correctly, and you are done with importing demo data as well.

How To's

Homepage Setup

In a OnePager theme, it is absolutely easy to setup homepage. All you need to do is given below.

Create two new pages. Give a page name (ex. Home, Blog) on the empty text box and don't forget to select OnePager from the template drop-down menu.
Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.
Select Blog from the Post page drop-down menu.
Use the left-bottom Save Changes button to save the settings.
Now, go back to Pages and click on the Home page to open its edit mode.
Select one of the templates from the Preset Templates area and you are done.

Homepage Variation

As we told earlier, there are multiple color variations in this theme's homepage, don't think its a tedious procedure to change your homepage primary color layout according to those existing presets. There are seven color variations in orvil theme and Its just a click to change a homepage color style and apply another one. To do so-

Go to Pages and click on your Homepage to appear its customization mode.
Now, from the Preset Templates area, select your favorite.

Click on the Update button to save the setting and you are done absolutely.

Creating Menu

First, go to Appearance> Menus
Click on create a new menu.
Give a menu name and click on Create Menu.

Don't forget to select this menu as a Primary menu as pointed on the screenshot below.

Now, visit your site.
Click on Enable One Page Editor at the top of the screen.
Click on the top-left second Menu option and select your just created menu on the Menu Position drop-down.
Now, all the pages will appear one below one. You just need to click Add To Menu and that page will be added to your primary menu, and you can see the output instantly. Add your preferred pages to make your custom menu and finally click on the close button.

Modify a Section

Click on Enable Onepage Editor
Click on the section that you want to make a change (ex. About).
Click on the Edit icon to open the customization module.

You can change on the fly. Just make any change and observe changes instantly.

From Settings and Styles tab, you can change an additional bunch of options according to your need. Finally, click on the tick button from the top of the module to save the settings like this and close it.

To know more about OnePager Customization, watch the video below.

Conf

2017-04-24T11:55:29+06:00

Conf is one of the most advanced yet WordPress theme with interactive layout that would be the best fit for event management as well as conference websites. Conf comes with a huge customization features that will definitely meet your all criteria for your event management website.

Installation

Installing WordPress

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions here: https://codex.wordpress.org/Installing_WordPress

Requirements

To use conf, you must be running WordPress 3.9 or higher. We have tested it with Mac, Windows and Linux.

Downloading Conf

Download the ConfPackage.zip file from themeforest.net and unzip it. In this zip file you have everything you need:

Theme

In this folder you will find main theme conf.zip and child theme conf-child.zip The main theme zip file you need to upload to your WordPress in order to install Conf (see below). NOTE: Do not unzip this file. Do not upload the entire ConfPackage.zip file you get from ThemeForest, upload ONLY conf.zip

Demo

All demo files we have used on our demo website. conf-content-demo.xml Demo content XML file, which you can use for manual content import in WordPress. widget_data.json Default widgets used default page sidebars on our demo website. conf-option-demo.json Default Option Panel Settings we used in our demo, which you can import from Dashboard → Conf Options → Import/Export.

Help

Offline documentation for Conf theme.

Installing Conf in WordPress Admin

Go to Appearance → Themes
Click Add New Theme and hit upload link
Find the the file conf.zip on your hdd and hit install now button.
After the theme is installed click on Activate.

Installing Plugins

In order to get Conf properly work you need to install some useful plugins. All this plugins are included in Conf, you don’t need to purchase them extra!

After the theme is installed successfully you will get following message about installation of required and recommended plugins:

Click on Begin installing plugins.
Check all plugins, select Install and click on Apply.

Required Plugins

In order to use Conf in its full, please note, that following plugins SHOULD BE installed during the theme installation (see installation instructions above):

Redux Framework: The option framework we used to create options panel.
CMB2: The metabox framework we used to create metaboxes.
Conf Core: Native essential set of all Conf’s features, functions, shortcodes & custom post types.
Visual Composer: Leading visual drag’n’drop page builder for WordPress.

Recommended Plugins

One Click Demo Import: Import demo data with one click.
We also provided support for Contact Form 7.

Alternative: Upload Event via FTP

In case you wish install the theme via FTP, proceed as follows:

Unzip conf.zip
Login to your hosting space via an FTP Client
Upload the whole contents of the unzipped conf.zip into wp-content/themes/ folder under your WordPress installation.
Once you’ve uploaded the theme you can open Appearance → Themes page and activate the theme from list. After that you need to install and activate the plugins as described above.

Installing Child Theme

If you plan to modify the source code of the main parent theme (php, js, style.css) we strongly recommend to install this child theme and make such modifications inside this child theme in order to avoid any possible problems & issues by installing updates of Conf’s main parent theme in future. You can find this child theme in Theme folder – please look for conf-child.zip.

The installation of the child theme works in the same way as the installation of the main parent theme (see description above).

DON’T TRY TO INSTALL CHILD THEME IF THE MAIN THEME IS NOT INSTALLED – THIS WILL GIVE NO RESULT

Importing Demo Content

We added One Click Demo Import in Event. So that you don’t face any hassle while import demo data. Please follow these instructions.

Go to Appearance → Import Demo Data.
Then hit Import Demo Data button.

It will import demo content, widgets and option panel settings. You may need to set Menu from Appearance → Menu and Homepage from Settings → Reading. Now you are good to go.

Theme Options

Conf has an advanced admin panel for Theme Options, which gives you plenty of options and settings to customize your website. Go to Dashboard -> Conf Options and you will get Conf admin panel. All settings are organized in logical sections and have brief descriptions of what they do. A lot of these settings are self explanatory.

Things to Remember

Always click on Save Changes in order to make your settings take effect.
By clicking on Reset Section you can reset current section you are customizing and with Reset All you can reset all your settings to the defaults.
You can always make a backup and/or restore your settings by using Import/Export option in admin panel. So you can freely experiment with all of Conf’s options without having fear to loose some of them.
Please Note: in order to ensure the correct working of theme options (saving your style changes) all caching plugins you may be using on your website should be better deactivated. After you are done with your changes you can activate this caching plugins again.

General

Color Variation: We added three predefined theme color variation. Select your preferred color from here.
Blog Sidebar: Set blog sidebar position. Available Options: Left, Right.
Enable Preloader?: Enable or disable default site preloaded. Custom preloader adding option is coming soon.
Google Map API Key: Set google map API key for “Styled Map” VC add-on. Go to this link and click “GET A KEY” button to generate an API key for map.
Map Location Pointer: Upload your custom Map Location Pointer image. The image should be transparent.

Header

Logo: Upload your site logo here.
Header Layout: Choose site header layout. Five options available: Logo Left, Logo Right, Logo Left with CTA Button, Logo Center, Logo Left with Offcanvas.
Social Icons: If you select “Logo Left with CTA Button” in header layout you will find this option to choose social icons in header.
CTA Type: If you select “Logo Left with CTA Button” in header layout you will find this option to choose CTA button type. Two options available: Custom Link, Event Brite.
CTA Button Text: If you select “Logo Left with CTA Button” in header layout you will find this option to write button text.
CTA Button Link: If you select “Custom Link” in CTA type you will find this option to set the link for button action.
Enable Sticky Menu?: Enable or disable sticky menu.
Header Position: Set header position either Absolute or Relative for homepage. If you select Absolute, header will overlap with content like banner in homepage. If you select Relative, header will take it’s own space. You can also set background for header.

Event

Event Type: Select your event type, Single Day or Multiple Days.
Event Date: If you select “Single Day” in event type you will find this option to set the event date with a date picker.
Start Date: If you select “Multiple Days” in event type you will find this option to set starting date of your event with a date picker.
End Date: If you select “Multiple Days” in event type you will find this option to set ending date of your event with a date picker.
Venue: Write your event venue address to show in Countdown Add-on.
Start Time: Set starting time of your event in 24 hours format(Between 0-23).
End Time: Set ending time of your event in 24 hours format(Between 0-23).

Social

You will find text boxes to write all available social links. Just write link of social media in their particular field you want to display. If you don’t write link in any field that icon won’t display in the site.

Custom Style

We provided extensive customization options in this tab.

Menu Color: If you don’t like default menu color, you can change Menu Color from here including Regular, Hover and Active state.
Header Social Color: Change default Social icon color of header including Regular, Hover and Active state.
Footer Social Color: Change default Social icon color of footer including Regular, Hover and Active state.
Menu Active Color: Change color of active menu item if you don’t like the default.
Menu Border Color: Change menu bottom border color which you can see on active and hover.
Header Background: Set custom background in header. You can set color or image.
Footer Main Background: Set custom background in footer main area. You can set color or image.
Footer Bottom Background: Set custom background in footer bottom area. You can set color or image.
Custom CSS Code: Write your custom CSS code here.
Custom JS Code: Write your custom JavaScript code here. If you want to use jQuery, please write “jQuery” instead of “$” sign.

Typography

We provided extensive typography customization options in this tab.

Header Typography: Set your own typography for header (h1, h2, h3, h4, h5, h6). You can use any Font Family from google fonts. You can also set Font Weight and Font Color.
Body Typography: Set your own typography for site (css rule will apply to ‘body’). You can use any Font Family from google fonts. You can also set Font Weight, Font Color, Font Size and Line Height.
Nav Menu Typography: Set your own typography for menu. You can use any Font Family from google fonts. You can also set Font Weight and Font Size.
Countdown Typography: Set your own typography for event countdown. You can use any Font Family from google fonts. You can also set Font Weight and Font Color.
Button Typography: Set your own typography for button. You can use any Font Family from google fonts. You can also set Font Weight and Font Color.

Permalink

You can change default permalink structure of “Schedule” and “Speaker” custom post type.

Enable Permalink?: Turn it on if you want to change custom post type permalink. If you don’t, we recommend not to turn it on.
Schedule Slug: If you turned on “Enable Permalink?” then you will find this. You can change “Schedule” post type slug from here. Just write your desired slug. Keep it unique so that it does not conflict with any page or post slug.
Speaker Slug: If you turned on “Enable Permalink?” then you will find this. You can change “Speaker” post type slug from here. Just write your desired slug. Keep it unique so that it does not conflict with any page or post slug.

Footer

Show Social Icon?: Turn it on if you want to display social icons in footer main area. You can set social icon link in “Social” tab.
Show Subscribe Form?: Turn it on if you want to display MailChimp subscribe form in footer main area.
Subscribe Action Link: If you turned on “Show Subscribe Form?” then you can see this. You can set MailChimp subscribe form action link.
Show ThemeXpert Credit?: Turn it on if you want to display our credit in Footer Bottom area. Otherwise turn it off.
Copyright Text: Write copyright text of your site. It will show in footer bottom area. You can use custom html tag.

Import / Export

You can always make a backup and/or restore your settings here. So you can freely experiment with all of Conf’s options without having fear to loose some of them.

Elements / Shortcodes

Visual Composer

Visual Composer is the best drag’n’drop visual editor for building pages, posts etc. in WordPress. If you are not familiar with Visual Composer, we would recommend to take a look at following videos:

Getting Started with Visual Composer Getting Started With Visual Composer - YouTube

Cloning Elements How to Clone Elements with Visual Composer for WordPress - YouTube

Rows & Columns How to Add Row and Column with Visual Composer for WordPress - YouTube

Create & Re-use Templates How to Use Templates in Visual Composer - YouTube How to save separate row or section as a template - YouTube

Please note, all Conf’s elements you will find in tab Conf in Visual Composer:

Event Info

Display some key information about event including countdown and title sponsor. We added two styles for displaying event information. Before that please set date and venue related information from Dashboard -> Conf’s Options -> Event.

ID: Unique ID for countdown. It is required and automatically generated when you insert it. But if you clone this element from another then change the ID. Countdown will automatically display from the date you set in Dashboard -> Conf Options -> Event.
Text Color: If you do not like default countdown text color you can set a color for countdown text.
Info 1 Icon: You can display two main info about event. You can see our demo, we showed “Seats” and “Speaker” as key info. This option is for setting icon for Info 1. You can use Font Awesome or Ionicons. But we recommend to use Ionicons. Just go to their site ( Ionicons ). Click on your desired icon and copy the icon class name. Then paste that class name here.
Info 1 Title: Write title for info 1.
Info 1 Desc: Write a short description of Info 1.
Info 2 Icon: Same as Info 1 Icon.
Info 2 Title: Same as Info 1 Title.
Info 2 Desc: Same as Info 1 Desc.
Show Date?: Show or Hide event date under countdown.
Title Sponsor: Upload title sponsor’s logo from here.
Sponsor Link: Set the title sponsor’s website link where someone will go when he/she click on sponsor’s logo.
Extra class name: You can write extra CSS class name here. You will need it if you want to customize event info with your own css.

Front-end appearance:

Event Info Simplified

It is almost same as “Event Info” with simple and different style.

Front-end appearance:

Speaker

You can display speaker with this element. Before that you have to add speaker in Dashboard -> Speakers -> Add New.

Order: Set order for displaying speaker.
Order By: Set order by parameter.
Total Number: Set total number to display.

Front-end appearance:

Keynote Speaker

Same as Speaker above. But display only keynote speakers you selected while creating speaker.

Masonary Gallery

You can create a masonary gallery easily with this element.

ID: Unique ID for gallery. It is required and automatically generated when you insert it. But if you clone this element from another then change the ID.
Gallery Images: Upload images for gallery.

Front-end appearance:

Conf Button

Display button in two different styles.

Button Text: Write button text/label here.
Button Link: Insert link for button.
Button Style: Select button style. Available two options: Primary and Bordered Style.
Alignment: Set alignment of button.
Extra class name: You can write extra CSS class name here. You will need it if you want to customize button with your own css.

Front-end appearance:

Social Share

You can enable or disable to appear social share icon on the front-end with this element.

Front-end appearance:

Conf Tab

Display eventia's tab with icon in tab title.

ID: Unique ID for tab. It is required and automatically generated when you insert it. But if you clone this element from another then change the ID.
Icon: Select icon from icon picker for tab title.
Title: Write tab title.
Content: Write tab content.
Icon, Title and Content are repeatable field. You can click “+” sign and insert more item.

Front-end appearance:

Conf Pricing

Create pricing table easily with this element.

Title: Write title of pricing table.
Currency Type: Write currency type. Like $, € etc.
Price: Write price.
Price Button: Write button text/label.
Price Link: Insert button link.
Select featured Option: Set this pricing table featured or not.
Text: This field is repeatable. You can write as many text you want for pricing table.

Front-end appearance:

Conf Map

You can display a stylish map with this element. You will need map API key for using this map. Insert your API key here Dashboard -> Eventia Options -> General -> Google Map API Key. Get the API key from Google Maps JavaScript API.

Title: Write a title for Address box of map.
Description: Write some description here.
Place Name: Write your place name.
Address: Write the address here.
Direction Link: Insert the get direction link. It’s kind of tricky. Go to google map, search your place. Then click on Get Direction button. And copy the url from address bar. Paste it here.
Lat: Write latitude of the address to show in map.
Lng: Write longitude of the address to show in map.
Zoom: Set zoom value of google map. Write 1 - 20 but 14 is ideal.
Show Address Box: Show or hide address box.
Map Height: Set map height. Default is 400px.

Front-end appearance:

Event Brite

Embed Event Brite event in your site with this element. Just insert event ID. You are done. How do you get event ID? Let’s say, this is your event url: https://www.eventbrite.com/e/eventia-wordpress-theme-tickets-31478791914 => ID is 31478791914. Just paste this ID in “Insert ID of event at eventbrite.com” field.

Partner Block

Insert partner/sponsor with logo and some description.

Logo: Upload partner’s logo.
Name: Write partner’s name.
Content: Write some short description about partner.
Extra class name: You can write extra CSS class name here. You will need it if you want to customize this with your own css.

Front-end appearance:

Schedule

Insert schedule in any page.

Order: Set order for displaying schedule.
Order By: Set order by parameter.
Total Number: Set total number to display.

Front-end appearance:

Blog Posts

Display recent post with thumbnail in horizontal style.

Order: Set order for displaying schedule.
Order By: Set order by parameter.
Total Number: Set total number to display.

Front-end appearance:

Agencia

2017-04-04T12:22:41+06:00

Agencia is a WordPress theme based on small as well as big business agency and portfolio websites. Absolutely SEO friendly, responsive in different screen sizes. Its stunning layout is able to catch visitor's attention, therefore, can make a first impression for sure.

Key Features

Fully Responsive
Fast Loading
Stunning Layout Design
Plenty of Homepage Variations
Meaningful Decoration
Well Documentation
SEO Friendly
RTL Supports
Unlimited Customizability
Dedicated Supports
600+ Google fonts
Dynamic Navigation Menu
Onepager
Drag and Drop Page builder
Quick Social Sharing
Multiple Social Commenting

Requirements

In order to run Agencia smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Agencia download page on our websitewww.themexpert.com then download the tx_agencia.zip file.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Valley theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Agencia theme, in that case, you just need to install the following package:

tx_agencia.zip
Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the tx_agencia.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Activate Required Plugin

There is only one plugin required for Agencia theme to work properly. That is-

OnePager: One Page Builder

To activate those required plugins, simply go to Plugins

Select OnePager

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatical plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory. WooCommerce and Contact Form 7 can be found in WordPress plugins repository, install them through Plugins Screen

Import Demo Data

No required to import demo data as you'll find it previously imported by default. You just need to install the theme package correctly, and you are done with importing demo data as well.

How To's

Homepage Setup

In a OnePager theme, it is absolutely easy to setup homepage. All you need to do is given below.

Create two new pages. Give a page name (ex. Home, Blog) on the empty text box and don't forget to select OnePager from the template drop-down menu.

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.
Select Blog from the Post page drop-down menu.

Use the left-bottom Save Changes button to save the settings.
Now, go back to Pages and click on the Home page to open its edit mode.
Select one of the templates from the Preset Templates area and you are done.

Homepage Variation

As we told earlier, there are multiple color variations in this theme's homepage, don't think its a tedious procedure to change your homepage primary color layout according to those existing presets. There are seven color variations in agencia theme and Its just a click to change a homepage color style and apply another one. To do so-

Go to Pages and click on your Home page to appear its customization mode.
Now, from the Preset Templates area, select your favorite.

Click on the Update button to save the setting and you are done absolutely.

Creating Menu

First, go to Appearance> Menus
Click on create a new menu.

Give a menu name and click on Create Menu.

Don't forget to select this menu as a Primary menu as pointed on the screenshot below.

Now, visit your site.

Click on Enable OnePage Editor at the top of the screen.

Click on the top-left second Menu option and select your just created menu on the Menu Position drop-down.

Now, all the pages will appear one below one. You just need to click Add To Menu and that page will be added to your primary menu, and you can see the output instantly. Add your preferred pages to make your custom menu and finally click on the close button.

Modify a Section

Click on Enable Onepage Editor
Click on the section that you want to make a change (ex. About).
Click on the Edit icon to open the customization module.

You can change on the fly. Just make any change and observe changes instantly.

To know more about OnePager Customization, watch the video below.

Crystal

2017-03-31T16:24:19+06:00

Crystal is a business based WordPress theme with a stunning layout that is able to catch its visitor's attention at first sight. Its completely SEO optimized, fast loading capability, and responsive as well. Its magnificent smooth slider animations make it a step ahead trendy. It can be the perfect suite for your small business or startup website.

Key Features

Fully Responsive
Multi-Purpose usability
Hi-Speed Performance
Powerful Admin Panel
SEO Friendly
Easy Customizability
Meta Slider
Font Awesome Icon Integration
600+ Google fonts
Dynamic Navigation Menu
Custom Layout
Quick Social Sharing
Multiple Social Commenting
Plenty of widgets
Smooth Collapsing Effect
Demo Content
Google Street View
Enrich Documentation

Requirements

In order to run Crystal smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Crystal download page on www.themesgrove.com then download the CrystalPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install the Crystal theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Crystal theme, in that case, you just need to install the following package:

crystal.zip

You can find this package inside the downloaded .zip file of Crystal theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire crystal.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the crystal.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for Crystal theme to work properly. Those are listed below:

Crystal Core: theme core functionality (CPTs and shortcodes).
Site Origin: combine pages with flexible grid and shortcodes.
Max Mega Menu: For Creating Megamenu
Meta Slider: For amazing sliders.
Contact Form 7 (optional). We recommend this for the contact form.

To activate those required plugins, simply go to Plugins

Select all those four required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Demo Data

Log in to the WordPress Administration Panels.
Go to `Tools> Import.'
Select the WordPress from the list. It can be found at the bottom of the list of plugins, normally.
Install the WordPress Importer plugin, if you haven't installed it yet.
After being installed, click on Run Importer to open the module.

It allows you to select the demo data file from your local drive and upload into your server.

Now, click on Choose File. Once you click on it, it prompts up a screen, allowing you to select the demo data file from your local drive.
Choose the crystal-content-demo.xml file and click Upload file and import

Demo data files can be found in Demo folder after you extract the theme package and the path should be /Demo/crystal-demo-data.xml.

On the second screen, set up an author and don't forget to check the Download and import file attachments. After making sure it is checked in, click on Submit button.

You can also import widget setting via this widget Importer Plugin

Widget setting file can be found in Demo folder after you extract the theme package and the path should be /Demo/widget_data.jason.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on Crystal Customizer at left-bottom corner of the module screen to open up Theme Setting panel.

General

Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
Add 404 Page : Allows you to add a 404 page for your site.
Logo : You can upload a logo for your branding.
Pre-loader Enable/ Disable : Allows you to enable or disable pre-loader.
Preloader Background Color : Set a background color for the preloader.

Header Settings

Header Search Button : Allows you to enable or disable header search button.
Header Top : Allows you to enable or disable header top option. Top Contact Details
Location : Write your location here.
Contact : Enter your contact number here.
Email : Write your email address here. Top Social Link
Facebook : Enter your Facebook profile link here.
Twitter : Enter your Twitter profile link here.
Google Plus : Enter your Google Plus profile link here.
LinkedIn : Enter your LinkedInprofile link here.
Pinterest : Enter your Pinterest profile link here.

Theme Style

Theme Primary Color : Choose theme primary color. Menu Link Options
Menu Transform : Select menu text transform from the drop-down box.
Regular Color : Choose a regular default color from the color picker option.
Hover Color : Choose a color for hover effect.
Active Color : Select active link color.
Hover & Active Background Color : Choose a color that you want to apply as hover as well active background.
Header Top Background Color : Select header top background color.
Header Background Color : Select header background color.
Body Background Color : Select body background color.
Body Text Color : Select body text color.
Footer Background Color : Select footer background color.
Footer Logo Widget Background Color : Choose a color for logo widget background color.
Copyright Background Color : Choose copyright text background color.
Copyright Text Color : Choose copyright text color. Footer Link Color
Footer Widgets Title Color : Choose footer widgets title color.
Regular : Choose a regular default color from the color picker option.
Hover : Choose a color for hover effect.
Active : Select active link color.

Typography

Custom Typography : Allows you to enable or disable customize the typography options for your site. To set this option ON, you can find a couple of additional settings to configure typography according to your wants.
Select Body Font & Style : Select a font and its style for the body.
Select Header Font & Style : Select a font and its style for the header.
H1 - Font Size : Select a font size for the H1 headers.
H2 - Font Size : Select a font size for the H2 headers.
H3 - Font Size : Select a font size for the H3 headers.
H4 - Font Size : Select a font size for the H4 headers.
H5 - Font Size : Select a font size for the H5 headers.
H6 - Font Size : Select a font size for the H6 headers.
Body Font Size : Select a font size for the body.

Sidebar

Default Sidebar Position : Define the default sidebar position.

Footer Options

Select Column : Allows you to choose footer column style from the preview next to this option.
Copyright Text : Input your copyright text here.

Backup

Import and Backup : This button allows you to import a backup theme. Just to paste the backed up string on the empty text box and then click this button.
Import and Download Backup : With this button, you can make a backup of your current theme.

How To's

Setup Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.

Select Blog from the Post page drop-down menu.(optional)
Use the left-bottom Save Changes button to save the settings.

Front-end appearance should be like below.

Creating a New Menu

Creating your new custom menu is simple. You need to follow a few simple procedure listed below.

Go to Appearance> Menus

Click on the Create a new menu as pointed on the screenshot below.

Give a menu name on the empty text box and click on Create Menu button next to this.

Click on the Pages tab to add pages on the just created menu.

Now, select the pages you like to combine as a menu and then click on Add to Menu button.

Now, check mark on Display Location> Primary and finally Save Menu.

The front-end should be like below.

Creating Dropdown Menu

Go to Appearance> Menus
Select the main menu and drag the submenu items right below the main menu.

Click on Save Menu on the right-bottom side of the module and you are done.

The fron-end appearance should be like below:

Add New Slider Image

Adding your preferred custom image with Meta Slider is just simple. All you need to do is listed below.

Go to Meta Slider from the left-bottom of the module.

Click on Add Slider

Now either select image from media library or upload image your local drive.

Now, on General tab area of the just added image, copy and paste the following code and replace the texts according to the instruction inside the code.

<div class="slider-caption">
       <h4>Write the title upper text here</h4>
       <h1 class="slider-title">Write your title here</h1>
       <p class="slider-desc">Write the description text here</p>
       <a href="https://www.themexpert.com/#" class="btn btn-slider">Read More button text</a>
</div>

Finally, Save the settings.

The front-end apperance should be like below.

Gamez

2017-03-15T13:36:55+06:00

Gamez is one of our most trendy Gaming WordPress theme with huge gorgeous homepage variations that can surely make your site more attractive than ever before. Drag and Drop page builder makes your tasks easier.

Key Features

Fully Responsive
Fast Loading
One Click Demo Import
Stunning Layout
Multiple Attractive Home Variations
Huge Built-in Pages
SEO Optimized
RTL Supports
Dynamic Navigation Menu
Smooth Collapsing Transaction
Quick Social Sharing
Multiple Social Commenting
Revolution Slider and Carousel
Best fit for Gaming and Movie site
Drag and Drop page builder
Color Variations
Sticky Headers
Eye-catching Slider

Requirements

In order to run Gamez smoothly on your server, you need to fulfill this requirement listed below:

Wordpress: 3.9+

Download

Head over to Gamez download page on www.themeforest.net then download the GamezPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

Installing Theme

There are a couple of simple steps to install Gamez theme on your server. Its quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Gamez theme, in that case, you just need to install the following package:

gamez.zip

You can find this package inside the downloaded .zip file of Gamez theme. So, before getting started with the installing process, Extract the .zip file and you'll find the desire gamez.zip in the Theme folder after the extraction.

Log in to the WordPress Administration Panels.
Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the gamez.zip file and hit upload.
After installation being done, roll over to Appearance> Themes.
Find just uploaded theme on the Theme Thumbnail area.
Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are four plugins, required for Gamez theme to work properly. Those are listed below:

Gamez Core: theme core functionality (CPTs and shortcodes).
Visual Composer: combine pages with flexible grid and shortcodes.
WooCommerce: For selling Posters, Game Characters, T-Shirt etc.
Slider Revolution: For amazing sliders.
Contact Form 7 (optional). We recommend this for the contact form.

Before activating those plugins, you have to install them manually. To do so,

Go to Appearance> Install Plugins
Select those required plugins.
From the drop-down menu, select Install and click on Apply.

After plugins installation been completed, to activate those required plugins, simply go to Plugins

Select all those four required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

Select Activate from the drop-down menu just above the list of plugins.
Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

Import Gamez Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data

You'll find two previews on the screen.

Click on the Import button right-bottom of the Gamez preview.
Click on Yes, Import to confirm importing and you are done.

Import Moviez Demo Data

Log in to the WordPress Administration Panels.
Go to Appearance> Import Demo Data

You'll find two previews on the screen.

Click on the Import button right-bottom of the Moviez preview.
Click on Yes, Import to confirm importing and you are done.

Import Demo Data Manually

You can import demo data manually with the following procedures.

Log in to the WordPress Administration Panels.
Go to Tools> Import
Select the WordPress from the list. It can be found at the bottom of the list of plugins, normally.
Install the WordPress Importer plugin, if you haven't installed it yet.
After being installed, click on Run Importer to open the module.

It allows you to select the demo data file from your local drive and upload into your server.

Now, click on Choose File. Once you click on it, it prompts up a screen, allowing you to select the demo data file from your local drive.
Choose the content-gamez.xml file for configuring Gaming site and content-moviez.xml for configuring movie site, then click Upload file and import.

Demo data files can be found in Demo folder after you extract the theme package.

On the second screen, set up an author and don't forget to check the Download and import file attachments. After making sure it is checked in, click on Submit button.

You can also import widget setting via this widget Importer Plugin

Widget setting file can be found in Demo folder after you extract the theme package and the path should be /Demo/widget.wie.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

Click on Gamez at left-bottom corner of the module screen to open up Theme Setting panel.

General Settings

Select Theme Color : Choose a color preview to be applied as the theme's primary color.
Logo : Upload your site logo for branding.
Enable Nicescroll? : Allows you to enable or disable the nice scrolling feature.
Enable Preloader? : You can enable preloader with this feature.
Enable Breadcrumb? : Allows you the control over enabling or disabling breadcrumb for your site.
Social Icons : Allows you to enable social icon appearing on your site. Enable this option first, then empty text boxes will appear next to corresponding social site label. You just need to provide your individual social profile link on the specific text box and you are done configuring the social icon for your site.

Header Settings

Select Header Variation : Select the header variation from the right side preview.
Sticky Menu : Allows you to enable or disable sticky menu for your site.
Review Header Background : Upload header background image for review list page.
Video Gallery Header Background : Upload header background image for video gallery list page.
Search Page Header Background : Upload header background image for the search page.
Buddypress Header Background : Upload header background image for BuddyPress activity page.

Theme Style

Custom Style : To enable this option, allows you to huge customize over theme styling.
Header Primary Color : Allows your to set header primary color.
Header Link Color : Allows your to set header Link color including Regular color, Hover color, and Active color as well.
Menu Color : Allows your to set Menu color including Regular color, Hover color, and Active color as well.
Top Menu Color : Allows your to set Top Menu color including Regular color, Hover color, and Active color as well.
Body Primary Color : Allows your to set a primary color for the body.
Body Link Color : Allows your to set Body Link color including Regular color, Hover color and Active color as well.
Footer Primary Color : Allows your to set footer primary color.
Footer Link Color : Allows your to set Footer Link Color including Regular color, Hover color and Active color as well.

Those above seven settings can be found only if you enable the Custom Style feature.

Custom CSS : Write custom CSS code here.
Custom JS : Write custom JS code here.

Typography Settings

Custom Typography : This option allows you to use thousands of google fonts in different sections in your site. First, enable this to get the customization settings to appear.
Select Header Font and Style : Allows you to select a font style and font type for the header section.
Select BodyFont and Style : Allows you to select a font style for the body.
Select FooterFont and Style : Allows you to select a font style and font type for the footer section.
H1 Font Size : Choose a font size for the H1 texts.
H2 Font Size : Choose a font size for the H2 texts.
H3 Font Size : Choose a font size for the H3 texts.
H4 Font Size : Choose a font size for the H4 texts.
H5 Font Size : Choose a font size for the H5 texts.
H6 Font Size : Choose a font size for the H6 texts.
P Font Size : Choose a font size for the Paragraph texts.

Layout Settings

Default Shop Column : Select number of columns to show in your site's shop module.
404 Page Background : Upload an background image for the 404 page.

Sidebar Settings

Default Blog Sidebar Position : Set the default sidebar position for the blog. You can either choose Left or Right position from the drop-down menu.
Default Shop Sidebar Position : Set the default sidebar position for the shop. You can either choose Left or Right position from the drop-down menu.

If you don't wanna show the sidebar on blog or shop, select No from the drop-down menu.

Permalink Settings

Custom Permalink : To enable this feature allows you to customize permalink according to your needs.

Post Type

Course Slug : Write your desired custom slug for the Course Post Type in the empty text box next to this option.
Notice Board Slug : Write your desired custom slug for the Notice Board Post Type in the empty text box next to this option.
Teachers Slug : Write your desired custom slug for the Teachers Post Type in the empty text box next to this option.
Testimonial Slug : Write your desired custom slug for the Testimonial Post Type in the empty text box next to this option.

Taxonomy

Course Category Slug : Write your desired custom slug for the Course Category Taxonomy in the empty text box next to this option.
Notice Board Category Slug : Write your desired custom slug for the Notice Board Category Taxonomy in the empty text box next to this option.
Course Name Slug : Write your desired custom slug for the Course Name Taxonomy in the empty text box next to this option.

After you generate your own preferred custom slug, its IMPORTANT to go to Settings module from the left sidebar and click on Save Changes button in the bottom-left corner.

Footer Option

Footer Column : Define the number of columns you need in your site footer.
Footer Variation : Select footer variation from the drop-down menu.
Footer Logo : You can upload footer logo with this option.
Custom Background : Choose a footer background color.
Copyright Text : Write your copyright text here.
ThemeXpert Credit : Keep it enabled if you want to give us credit. You can disable this option either.

Backup Settings

Import and Backup : This button allows you to import a backup theme. Just to paste the backed up string on the empty text box and then click this button.
Import and Download Backup : With this button, you can make a backup of your current theme.

How To's

Setup Gamez Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Home from the Front-page drop-down menu.

Select Blog from the Post page drop-down menu.(optional)
Use the left-bottom Save Changes button to save the settings.

Setup Moviez Homepage

Go to Settings > Reading
Select A Static page on Front page displays option.
Choose Moviez from the Front-page drop-down menu.

Select Blog from the Post page drop-down menu.(optional)
Use the left-bottom Save Changes button to save the settings.

Creating Pages

Go to Pages> Click Add New button.
Give a page title on the Add New Page text box.

Click on Publish button to save the page.

If everything is done ok then you can find those created pages on Appearance> Menus.

Now, you can create Menu and assign those pages in different menus.

Creating Dropdown Menu

Go to Appearance> Menus
Select the main menu and drag the submenu items right below the main menu.

Click on Save Menu on the right-bottom side of the module and you are done.

Add a Gamez Review

To add a new gamez review, you just simply follow a couple of steps, listed below;

Go to Game Reviews> Add New
Write the game title on the very first empty text box of the module.
You can customize the permalink if you want with the Edit option next to the permalink.

Write your review texts on the content are. You can also add images to the content section with the Add Media button just above the content section.

At the bottom of the module, you will find to add game information.

Selecting the header tab, you can add a cover image as well as pop-up video link for your review.
Selecting the Basic info tab, you can add Release date, Developer and Publisher information.
You can add detail information, selecting the Deals tab like Site, Price, Currency, Game Link, and etc.
Selecting the verdict tab, you can add rating info of the game,
- Selecting the Image as well as videotab, you can add an image as well as video gallery on the particular section for the review.

You can add a featured image with the Featured Image option and can select genres with the Genres option on the right side of the module.

Add a Moviez Review

To add a new moviez review, similarly like adding a new gamez review, you need to follow a couple of steps listed below;

Go to Movie Reviews> Add New
Write the movie title on the very first empty text box of the module.
You can customize the permalink if you want with the Edit option next to the permalink.

Write your review texts on the content are. You can also add images to the content section with the Add Media button just above the content section.

At the bottom of the module, you will find to add game information.

Selecting the header tab, you can add a cover image as well as pop-up video link for your review.
Selecting the Basic info tab, you can add Release date, Developer and Publisher information.
You can add detail information, selecting the Deals tab like Site, Price, Currency, Game Link, and etc.
Selecting the verdict tab, you can add rating info of the game,
- Selecting the Image as well as videotab, you can add an image as well as video gallery on the particular section for the review.

You can add a featured image with the Featured Image option and can select genres with the Genres option on the right side of the module.

Elements

Elementor Page Builder

Elementor page builder is the best Drag and Drop visual editor for building pages, posts, custom post type etc. in a WordPress site. If you are not familiar with Elementor, we recommend you to take a look at the following videos:

Create a New Page with Elementor Getting Started With Elementor - YouTube
Introducing with Elements How to use Elements with Elementor for WordPress - YouTube

Our developed elements those are only for Gamez Elements theme can be found in Gamez Elements under Elementor editor.

Gamez Elements

Visual Composer

Visual Composer is the best Drag and Drop visual editor for building pages, posts etc. in a WordPress site. If you are not familiar with Visual Composer, we recommend you to take a look at the following videos:

You can add an element on a page in two different ways. Either you can use just the simple shortcode on the content area of that page or you can add element manually. You will have plenty of default elements to add or you can add our developed elements those are only for Gamez theme from the Gamez tab.

Getting Started with Visual Composer Getting Started With Visual Composer - YouTube
Cloning Elements How to Clone Elements with Visual Composer for WordPress - YouTube
Rows & Columns How to Add Row and Column with Visual Composer for WordPress - YouTube
Create & Re-use Templates How to Use Templates in Visual Composer How to save separate Row or Section as a Template

Our developed elements those are only for Gamez theme can be found in Gamez tab under Visual Composer.

Ajax Video Tab

Manual Process :

To add Ajax Video Tab element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Ajax Video Tab
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Ajax Video Tab Settings

Video List to Show : Define how many videos you want to show.
Tab Style Type : Choose tab style type. You can either select Vertical or Horizontal.

Horizontal Style

Vertical Style

Reviews

Manual Process :

To add Reviews element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Reviews
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Reviews Settings

Style : Choose a style from the drop-down menu.
Order : Display reviews in either Ascending or Descending order.
Order By : Display reviews in order by Title, Date, Name or Random.
Post Item : Number of the item you want to show.

Popular Reviews

Manual Process :

To add Popular Reviews element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Popular Reviews
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Popular Reviews Settings

Style : Choose a style from the drop-down menu.
Post Item : Number of items you want to show.

Trading Reviews

Manual Process :

To add Trading Reviews element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Trading Reviews
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Treding Reviews Settings

Style : Choose a style from the drop-down menu.
Post Item : Number of items you want to show.

Reviews By Category

Manual Process :

To add Reviews By Category element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Reviews By Category
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Best Selling Product

Manual Process :

To add Best Selling Product element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Best Selling Product
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Best Selling Product Settings

Write Section Heading : Write a heading text for the section.
Number of Product : Define the number of products to show.

Section Title

Manual Process :

To add Section Title element on a page, first-

Go to Pages
Click on Edit With Visual Composer
Click on Add Elements
From Gamez tab, click on the element named Section Title
Configure the settings module according to your preferences and then
Click on Save Changes to save the settings.

Section Title Settings

General

Icon : Select an icon for the section.
Title : Write a title text here.
Tag : Set tag here. You can put multiple tags on a single item.
Icon Color : Choose a color for the selected icon.
Text Color : Choose a color for texts used in the section.

Design Options

Border Color : Select a border color.
Border Style : Select a border style from the drop-down menu.
Border Radius : Define a border radius from the drop-down menu.
Background : Set a background color. You can set a background image either, from the + button and also can define the image type from the drop-down menu just below this option.
Box Control : Allows you to either select simplify controls or not.

The front-end appearance would be like below if everything was just according to the instruction.

Helpers

Gamez has a few helper classes. Those can be used frequently in any div, sections in your site just by defining the class. Classes are listed below;

color-white for white text color.

See our other Joomla Template with detailed documentation.

WordPress & Joomla Documentation - ThemeXpert

HostZine

Key Features

Requirements

Download

Installation

Installing WordPress

Installing Theme

Active Required Plugins

Import Demo Data

WHMCS Integration Settings

Theme Settings

Global Settings

Header Options

Custom Color

Custom Fonts

Blog

Sidebar

Social

Footer

Import / Export

Mega Menu Configuration

Mega Menu Setting

General Settings

Menu Themes

How To's

Setup Homepage

Elements

Elementor

Slider

Content

Style

Advanced

Latest Post

Content

Style

Advanced

Testimonial

Content

Style

Advanced

HostZine Tab

Content

Style

Advanced

Pricing Table

Content

Advanced

Domain Search

Content

Style

Advanced

MagMax

Key Features

Requirements

Download

Installation

Installing WordPress

Installing Theme

Active Required Plugins

Import Demo Data

Theme Settings

General

Header

Grid

Social

Single Post Options

Typography

Sidebar

Custom Style

Footer Options

Import / Export

How To's

Setup Homepage

Elementor

Single Category Layout

Layout Images

Content

Style

Advanced