Theme's General Information

If you like this theme please spare a minute to rate it.
If you want any support, Please feel free to contact me via my profile page https://themeforest.net/user/xenioushk.

Installation Requirements

You need at least WordPress version 4.9+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of WordPress to ensure all known bugs and security issues are fixed. Other requirements:

  • PHP version 5.3 or greater.
  • MySQL version 5.0.15 or greater.

Installation Steps

To install a theme, you must first upload the theme files and then activate the theme. The theme files can be uploaded in two ways:

  • FTP Upload: Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  • WordPress Upload: Navigate to Appearance >> Themes >> Add New >> Upload. Go to browse, and select the zipped theme folder. Hit "Install Now" and the theme will be uploaded and installed.

Step 01: Go to WP admin dashboard and click on Appearence >> Themes >> Add New.

Step 02: Click on Upload Theme.

Step 03: Browse the file sharai-khana.zip which you'll have from the download and click on Install Now .

Step 04: Activate the theme.

Step 05: Click on Begin Installing Plugins link.

Please install and activate the following pre-packaged plugins:

  • One Click Demo Import. (Required)
  • WPBakery Page Builder(Required)
  • Redux Framework. (Required)
  • Sharai Khana Theme WPBakery Page Builder Addons. (Required).
  • Contact Form 7.(Required)
  • Mailchimp For Wp. (Required)
  • The Events Calendar. (Required)
  • Woocommerce. (Optional, If you want to run a shop install and activate it).
  • Widget Importer & Exporter. (Required, but you can deactivate it after import demo data).
  • WordPress Importer. (Required, but you can deactivate it after import demo data).

N.B: All plugins must be installed and activated if you want your site to look exactly like demo.

Step 06: Select the plugins to Install and click Apply.

Step 07: After install the plugin click on Return to Required Plugins Installer.

Step 08: Select the plugin to Activate and click Apply.

Step 09: After active the plugin click on Return to the Dashboard.

Child Theme Installation

The Installation process of a child theme is similar to the parent WordPress theme. Please note that the A Child theme is often used by the developers who want to override/extend a theme's features or functionalities without changing the parent theme's codes. You will get the child theme zip file inside the theme package.

Output:

If you are not an expert on customizing the WordPress child theme, you can skip this child theme part.

Import Demo Data

Usually, creating a website from the beginning is a time-consuming and challenging process. The theme comes with the most popular 'One Click Demo Installation' feature, which allows you to get the site ready precisely like the theme demo within a few minutes.

Few Important Notes:

  • Make sure that Sharai Khana Parent Theme has been installed and activated in your site.
  • Your previous data and settings may be removed or modified after importing demo data. So, we profoundly recommend importing demo data in a fresh WordPress site.
  • It may take a bit long time to import all the images and demo data from our server. So, please keep patience while importing process is running in your site. In general case, It will not take more than 3-5 minutes.
  • You can deactivate One Click Demo Import plugin after completing import task.

Please follow the steps -

Step 01: Make sure you have installed and activated One Click Demo Import plugin.

Step 02: Go to Appearance >> Import Demo Data page.

Step 03: Click Import Demo Data button. It will take few min to complete import process. So, keep patience until import process completed successfully.

Step 04: Once completed import process successfully, you will get following success message.

Step 05: Check Result -

Check Video Tutorial

If you face any kind of 500 server issue please check the ' troubleshooting article ' .

Theme Option Panel

This theme comes with lots of admin options, Go to Sharai Khana Options from the left panel and you'll see all the cool things you'll have to customize to satisfy your needs.

Setup Favicon

Step 01: From WP admin menu, navigate to Sharai Khana Options >> General tab.

Step 02: Upload the site favicon. ( Recommended favicon size is 64x64 and file type in PNG format. )

Step 03: Finally, click Save Changes button to save the settings.

OUTPUT:

doc_img

Customize Pre Load Screen

Step 01: From WP admin menu, navigate to Sharai Khana Options >> General tab.

Step 02: Set the Disable Preloader? option to ON, If you would like to disable the pre load screen.

Step 03: You can also upload custom icon( Recommended size is 64x64 and file type in GIF format. ) and set custom background color for the preloadscreen. Finally, click Save Changes button to save the settings.

OUTPUT:

Customize Back To Top Button

Step 01: From WP admin menu, navigate to Sharai Khana Options >> General tab.

Step 02: Set the Disable Back To Top? option to ON, If you would like to disable the button.

Step 03: You can also set custom background for the button. Finally, click Save Changes button to save the settings.

OUTPUT:

doc_img

Tool Bar Customization

Sharai khana WordPress theme brings two type of toolbar layout styles.

Toolbar Layout 01:

Step 01: From Admin menu, navigate to Sharai Khana Options >> Toolbar tab.

Step 02: You can enable/disable toolbar. You can also customize toolbar color, font size, texts and set padding according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Layout 01 HTML Code:

Toolbar Left Content:

<ul class="top-bar-info clearfix">
    <li>Visit Office: East Shibgonj, Sylhet, 3100</li>
    <li>Call Us: +880-1911623458</li>
</ul>

Toolbar Right Social:

<div class="top-bar-social">
    <a href="#"><i class="fa fa-facebook"> </i></a>
    <a href="#"><i class="fa fa-twitter"></i></a>
    <a href="#"><i class="fa fa-google-plus"></i></a>
    <a href="#"><i class="fa fa-instagram"></i></a>
    <a href="#"><i class="fa fa-youtube"></i></a>
</div>

Toolbar Right Button:

<a href="#" class="free-estimate">GET FREE QUOTE</a>

Toolbar Layout 02:

Step 01: From Admin menu, navigate to Sharai Khana Options >> Custom Headers >> Header 01 tab.

Step 02: You can enable/disable toolbar. You can also customize toolbar color, font size, texts and set padding according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Layout 02 HTML Code:

Toolbar Left Content:

<p>HOT LINE : +880-1911-623-458, +8801-717-682-743</p>

Toolbar Right Content:

<div class="top-bar-social hidden">
    <a href="#"><i class="fa fa-facebook"></i></a>
    <a href="#"><i class="fa fa-twitter"></i></a>
    <a href="#"><i class="fa fa-google-plus"></i></a>
    <a href="#"><i class="fa fa-instagram"></i></a>
    <a href="#"><i class="fa fa-youtube"></i></a>
</div>
<div class="top-bar-link">
   <a href="#">Reviews</a> <span class="separator-line"></span>
   <a href="#">Warranty</a> <span class="separator-line"></span>
   <a href="#">Contact</a>
</div>

Header Middle Content:

<div class="col-md-4 col-sm-4 info-separotor">
    <div class="header-icon-box">
        <div class="icon-container">
            <i class="fa fa-phone"></i>
        </div>
        <div class="text">
            <span class="head-heading">Get In Touch</span>                                                
            <span class="head-content">
                example@gmail.com
            </span>
        </div>
    </div>
</div><!-- end .col-md-4  -->

<div class="col-md-4 col-sm-4 info-separotor">
    <div class="header-icon-box">
        <div class="icon-container">
            <i class="fa fa-home"></i>
        </div>
        <div class="text">
            <span class="head-heading">Office Address</span>                                                
            <span class="head-content">
                Sylhet, Bangladesh
            </span>
        </div>
    </div><!-- end .repair-icon-box  -->
</div><!-- end .col-md-4  -->                                        

<div class="col-md-4 col-sm-4 info-separotor">
    <div class="header-icon-box">
        <div class="icon-container">
            <i class="fa fa-clock-o"></i>
        </div>
        <div class="text">
            <span class="head-heading">Opening Hour</span>                                                
            <span class="head-content">
                10.00 - 18.00 UTC+06
            </span>
        </div>
    </div><!-- end .header-icon-box  -->
</div> <!-- end .col-md-4  -->

Customize Menu/Navigation Color

Step 01: From Admin menu, navigate to Sharai Khana Options > Header > Navbar tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Setup theme Typography, background, Heading & Sidebar(Widget) styles

Step 01: From Admin menu, navigate to Sharai Khana Options >> Styling Options >> Body Styling tab.

Step 02: You can set body background, fonts, text size, link colors according to your requirements. Also, you can manage heading(h1,h2,h3,h4,h5,h6) color and font size. You can set theme sidebar(widget) background and fonts from body styling section.

Step 03: Finally, click Save Changes button to save the settings.

Default Header Styling

Step 01: From Admin menu, navigate to Sharai Khana Options >> Styling Options >> Header Styling tab.

Step 02: You can enable/disable sticky header option from here. Also, set custom font and background color of default header and after sticky position font and background color.

Step 03: Finally, click Save Changes button to save the settings.

OUTPUT:

Footer/Bottom Widget Styling

Step 01: From Admin menu, navigate to Sharai Khana Options >> Styling Options >> Bottom Styling tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

OUTPUT:

Additional Classes

You can add following additional class in to WPBakery Page Builder blocks.

Section Classes:

  • Section Default: section-content-block
  • Minimal Section Content Block: section-content-block-minimal
  • Section Pure White Background: section-pure-white-bg
  • Section Secondary Background: section-secondary-bg
  • Section Primary Background: section-primary-overly-bg
  • Section Black Overlay(70% Opacity): section-black-overlay
  • Section Black Overlay(30% Opacity): section-black-30-overlay
  • Section Black Overlay(50% Opacity): section-black-50-overlay
  • No Padding Between Columns: no-gutter
  • Horizontal Newsletter With Rounded Button: horizontal-newsletter

    Add this class to newsletter parent container block.

  • Horizontal Newsletter With Rounded Button(Alternative): horizontal-newsletter-alt
  • Horizontal Newsletter With Square Button: horizontal-newsletter-square-layout
  • Horizontal Newsletter With Square Button(Alternative): horizontal-newsletter-square-layout-alt
  • Horizontal Newsletter With Semi Rounded Button: horizontal-newsletter-semi-rounded-layout
  • Horizontal Newsletter With Semi Rounded Button(Alternative): horizontal-newsletter-semi-rounded-layout-alt

Text Classes:

  • Light(White) Text Color: text-light-color
  • Dark(Black) Text Color: text-dark-color
  • Text Highlight(Primary) Color: text-highlighter-primary
  • Add Text Shadow: theme-custom-text-shadow
  • Text Capitalization: text-capitalize
  • Text Font Weight Light(Weight: 500) text-font-weight-light
  • Custom Bullet Style: custom-bullet-list
  • Testimonial Text(Normal): testimony-normal-text

Box Classes:

  • Add Custom Box Shadow: theme-custom-box-shadow
  • Add Custom Box Animation: theme-custom-box-animation
  • No Padding In Content Box: no-padding
  • No Bottom Padding In Content Box: no-bottom-padding
  • White Background Box: block-white-bg
  • White Background (30%) Opacity Box: block-white-30-bg
  • White Background (50%) Opacity Box: block-white-50-bg
  • White Background (80%) Opacity Box: block-white-80-bg
  • Black Background Box: block-black-bg
  • Black Background (30%) Opacity Box: block-black-30-bg
  • Black Background (50%) Opacity Box: block-black-50-bg
  • Black Background (80%) Opacity Box: block-black-80-bg
  • 1px Border In Box: theme-border-size-1
  • Semi Rounded Border In Box: theme-semi-rounded-box
  • About Square Dot List: sk-about-details
  • Pricing Table Stripped List: price-stripped-item

    This class will add a background for every ODD plan feature.

    Example Code:

    .price-stripped-item .pricing-content li:nth-child(2n+1) {
       background: #EDF0F2;
    }
    

Video Button Classes:

  • Square Video Button: vbox_icon_square
  • No Border Around Button: vbox-no-border
  • Left Bottom Aligned Video Button : vbox_bottom_left
  • Right Bottom Aligned Video Button : vbox_bottom_right

Button Classes:

  • Navigation Booking Button Class: btn-nav-booking
  • Link Button Class: btn-theme
  • Link Inverted Button ( Dark Background ) Class: btn-theme btn-theme-invert
  • Link Small Button Class: btn-theme-small
  • Link Square Button Class: btn-square
  • Link Semi Square Button Class: btn-semi-square
  • Capitalize Button Text Class: btn-capitalize

Padding Classes:

  • No Padding In Left: padding-left-0
  • No Padding In Right: padding-right-0
  • Padding 4px All Round: padding-all-4

Margin Classes:

  • No Margin: no-margin
  • Margin Reverse 24px: margin-top-rev-24
  • Margin Reverse 32px: margin-top-rev-32
  • Margin Reverse 42px: margin-top-rev-42
  • Margin Reverse 60px: margin-top-rev-60
  • Margin Reverse 80px: margin-top-rev-80
  • Margin Top 5px: margin-top-5
  • Margin Top 12px: margin-top-12
  • Margin Top 16px: margin-top-16
  • Margin Top 24px: margin-top-24
  • Margin Top 32px: margin-top-32
  • Margin Top 36px: margin-top-36
  • Margin Top 42px: margin-top-42
  • Margin Top 48px: margin-top-48
  • Margin Bottom 5px: margin-bottom-5
  • Margin Bottom 12px: margin-bottom-12
  • Margin Bottom 24px: margin-bottom-24
  • Margin Bottom 32px: margin-bottom-32
  • Margin Bottom 48px: margin-bottom-48
  • Margin Bottom 80px: margin-bottom-80
  • Footer Useful Link List(50% Width): footer-useful-links
  • Footer Useful Link List(100% Width): footer-useful-links full-width-list

WPBakery Elements

We have created 20+ WPBakery Elements for you. You can find them in Sharai Khana Addon tab in the WP Bakery Page Builder.

WPBakery Elements Video Tutorials

Title View
Counter Setup Check Video
Save Row As A Template Check Video

Basic Steps of Using The Addon

Step 01 From WP admin menu, navigate to Pages >> Add New link.

Step 02: Next, click on the WPBakery Page Builder button to activate page builder layout.

Step 03: Add a title of the page and click Backend Editor button.

Step 04: Next, click on the Add Element button to add page contents.

Step 05: A Popup window will appear with all the available elements. Next, click on the Row element.

Step 06: Awesome ! You just created a new row. Now, we are going to add element into it. Click on the + button.

Step 07: Again, Popup window will appear and click on the Sharai Khana Addon tab. Here goes all the custom elements to create Restore theme.

Step 08: Great ! Now you know the basic steps to add elements into WPBakery Page Builder. We are going to follow these basic steps for every elements.

About Addon

General Settings
doc_img
Quote Settings
doc_img
Design Settings
doc_img

Output:

Button Addon

General Settings
doc_img
Design Settings
doc_img

Output:

Contact Info Addon

General Settings
doc_img
Design Settings
doc_img

Output:

Counter Addon

Output:

CTA Addon

Output (Layout 1):

Output (Layout 2):

Heading Addon

Output:

Highlight Addon

Output:

Logos Addon

Output:

Pricetable Addon

Output:

Process Addon

Output:

Slider Addon

Output:

Team Addon

Output:

Testimonial Addon

Output:

Blog Addon

Output:

Setup Page Content

Check the different part creation/editing process (Home, Pages- About Us, Contact Us Etc.)

The following part of the documentation consider that you already read (if not then it is strongly recommend that you read them first) the documentation of WP Bakery Page Builder. It is available in the documentation folder and can able to use drag n drop page builder etc.

Home Page Layouts

Step 01: Go to Pages >> Add New from the left panel.

Step 02: Input the title Home Page 1 of the page. From the right side Page Attribute, select Homepage from the Template selection dropdown. From The right side Page Layout Settings select "WP Bakery Page Builder Page" to "Yes".

Step 03: Click on Backend Editor and achieve Classic Mode to achieve WP Bakery Page Builder drag n drop process.

Step 04: Click on Add New Element to achieve a Row of WP Bakery Page Builder.

Step 05: Inside the Row you can add different elements by drag n drop WP Bakery Page Builder.

Step 06: In the One Page's different Row's we added different VC Elements Buttons, Heading Block, Highlights, Slider, Team, Testimonial etc. You can also add different WPBakery Elements as well in other different rows according to your needs.

Step 07: Here are the screenshot of Different Elements we used in the Home Page 1

Step 08: Here are the screenshot of Different Elements we used in the Home Page 2

About Us Page

Step 01: Go to "Pages >> Add New" from the left panel.

Step 02: Input the title "About Us" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Page Layout Settings select "WP Bakery Page Builder Page" to "Yes" .

Step 03: Click on Backend Editor to achieve WP Bakery Page Builder drag n drop process.

Step 04: Click on Add New Element to achieve a Row of WP Bakery Page Builder.

Step 05: Inside the Row you can add different elements by drag n drop WP Bakery Page Builder.

Step 06: We add WP Bakery Page Builder Elements to achieve the about page layout, you should see WP Bakery Page Builder in the Documentation Folder.

Step 07: Here are the screenshot of Different Elements we used in the About Us page.

Contact & Appointment Page

You need to install Contact Form 7 plugin to proceed the following steps. Please note that, we have used the plugin for build Appointment Form and Contact Form layout.

Step 01: Go to Contact >> Add New from the left panel.

Step 02: Add the title Contact form 1 of the Contact Form. Then, add follwoing lines Setup the From portion of the contact from(Ex: See the following screenshot).

Get Contact Form Shortcode:

Navigate to Contact >> Contact Forms page. You will get the lists like the following screenshot.

Contact Form (Default Layout) Code:

We strongly recommend to use the following codes to generate contact form layout.

[text* your-name placeholder "Name"]
[email* your-email placeholder "Email"]
[text* your-subject placeholder "Subject"]
[textarea* your-message 40x5 placeholder "Your message here"]
[submit class:btn-theme class:btn-square class:btn"Send Message"]

Shortcode:

Please Note: The value of id tag in shortcode may be different for your site. Additionally, You can include additional class sharai-khana-contact-form to get the alternative contact form layout.

[contact-form-7 id="5" title="Contact Form"]
[contact-form-7 id="5" title="Contact Form" html_class="sharai-khana-contact-form"]

Contact Form (Default Layout) Output:

Contact Form (Alternative Layout) Output:

Appointment Form Code (List Style):

We strongly recommend to use the following codes.

<div class="appointment-form-wrapper text-center clearfix">
<div class="join-heading">BOOK AN APPOINTMENT</div>
<div class="row">
<div class="col-md-12">
<p>[text* customer_name placeholder "NAME"]<span class="fa fa-user-o"></span></p>
</div>
<div class="col-md-12">
<p>[email* customer_email placeholder "EMAIL"]<i class="fa fa-envelope-o"></i></p>
</div>
</div>

<div class="row">
<div class="col-md-12">
<p>[text* customer_phone placeholder "PHONE"]<i class="fa fa-phone"></i></p>
</div>
<div class="col-md-12">
<div class="select-style">   
[select* service_type Center "SELECT SERVICE|''"
                    "Basic Plan|basic-plan"
                    "Standard Plan|standard-plan"
                    "Extended Plan|extended-plan"]
</div>
</div>
</div>

<div class="row">
<div class="col-md-12">
[textarea* customer_message x2 placeholder "YOUR MESSAGE"]
</div>
<div class="col-md-12">
[submit class:btn-theme class:btn-square"Get Appointment"]
</div>
</div>

</div>

Shortcode:

Please Note: The value of id tag in shortcode may be different for your site. Please check the following screenshot you can easily get the value from html_class tag is required. You must include the class sharai-khana-appointment-form to get the proper outlook.

[contact-form-7 id="2209" title="Appointment Form" html_class="sharai-khana-appointment-form"]

Form Output:

Appointment Form Code (Compact Style):

We strongly recommend to use the following codes.

<div class="appointment-form-wrapper light-layout margin-bottom-24 clearfix theme-custom-no-box-shadow">
   <div class="col-md-4 col-sm-12">
      <div class="appointment-form-heading text-left">
         <h2 class="form-title text-capitalize margin-top-24">
            Request Booking
         </h2>
         <p>
            Please fill out the booking form and soon we will contact you to schedule an appointment.
         </p>
      </div>
   </div>
   <div class="appoinment-form col-md-8 col-sm-12 margin-top-24">
         <div class="form-group col-md-4">
            [text* customer_name placeholder "NAME"]
         </div>
         <div class="form-group col-md-4">
            [email* customer_email placeholder "EMAIL"]
         </div>
         <div class="form-group col-md-4">
            [text* customer_phone placeholder "PHONE"]
         </div>
         <div class="form-group col-md-12 col-sm-12 col-xs-12">
            [textarea* customer_message x4 placeholder "YOUR MESSAGE"]
         </div>
         <div class="form-group col-md-12 col-sm-12 col-xs-12 text-left">
            [submit class:btn-theme class:btn-theme-invert class:btn-square class:btn"Get Appointment"]
         </div>
   </div>
</div>

Output:

Step 03: Setup the Mail portion of the contact from (Ex: See the following screenshot)

Recommendation: https://www.youtube.com/watch?v=PV26aJ05zXM

Step 04: Setup the Messages portion of the contact from (Ex: See the following screenshot)

Step 05: Click Save to save the Form and you'll get a form short code which we'll paste in a page to achieve the form output.

Step 06: Go to "Pages > Add New" from the left panel.

Step 07: Input the title "Contact 1" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Page Layout Settings select "WP Bakery Page Builder Page" to "Yes".

Step 08: Click on Backend Editor to achieve WP Bakery Page Builder drag n drop process.

Step 09: Click on Add New Element to achieve a Row of WP Bakery Page Builder.

Step 10: Inside the Row you can add different elements by drag n drop WP Bakery Page Builder.

Step 11: We add WP Bakery Page Builder Google Map, Info Box and Text Block Elements for this page.

Step 12: You should see the WP Bakery Page BuilderDocumentation Folder.

Step 13: Setup the Google Map Elements Latitude and longitude to achieve the map.

Step 14: Paste the short code into the Text Block (Ex: like following you'll have a short code).

[contact-form-7 id="2209" title="Contact Form" html_class="sharai-khana-contact-form"]

Step 15: Here are the screen shot of Different Block Elements we used in the Contact 1 page.

Blog Page

Step 01: Click on Posts >>Categories from the admin side left panel and create post Categories.

Step 02: Click on Posts >> Add New from the admin side left panel and create post under the Categories. Set the right side Sharai Khana Metabox according to your needs for single post view.

Step 03: Click on Pages>>Add New from the admin side left panel and input Page Title.

Step 04: In the right side Page Attributes set the Template to Blog Both Sidebar, Blog Full Width, Blog Left Sidebar, Blog Right Sidebar, Blog Sidebars in Left or Blog Sidebars in Right, whatever layout you want from the dropdown.

WooCommerce Store

Step 01: After installing the WooCommerce plugin during the theme installation you'll have all the pages (Cart, Store, My Account, Checkout) in the left panel Appearnce >> Menus. Going to left panel Appearnce >> Menus add these item to the main menu.

Step 02: To add a WooCommerce category go to Products >> Categories from the left panel and then add new product Category.

Step 03: To add a WooCommerce Products go to Products >> Add Product from the left panel and then add new products under any Categories.

Step 04: Now you should see all the added new products in the front end Store/Shop Page.

Step 05: if you want to use WooCommerce as an advance user then refer this link WooCommerce Docs , you'll have all the things as an advance user.

Widget Settings

Sharai Khana WordPress Theme comes with Six widget areas. Two widget areas for Blog and Four for Footer.

Sharai Khana Widget


OUTPUT:

Support & Miscellaneous

Sharai Khana Theme comes with six month premium support directly from the developer.

Theme Translation

"Sharai Khana" WordPress theme offers cool translation feature. So, beside the English you can easily translate the theme text for other languages as well. Check following steps to translate "Sharai Khana" WordPress theme.

Step 01: To translate the theme texts, please download and install Poedit software in your computer. Here goes the download link- https://poedit.net/download

Step 02: Next, navigate to /wp-content/themes/sharai-khana/languages/. You will get a file named 'sharai-khana.pot'.

Step 03: For example, we want to translate our theme text in to Dutch language. So, copy 'sharai-khana.pot' file and rename it to 'de_De.pot'

Step 04: Now, open that newly created 'de_De.pot' file using Poedit software. You will get all the theme texts in there and you just need to add appropriate translated text in Translation box.

Step 05: Finally, save the file and you'll get 'de_De.mo' file inside languages folder.

Note:

Not sure about country and language code? Get your Country Code and Language code.

Check Video Tutorial

Troubleshooting

You may try to upload complete zip file downloaded from themeforest. Unzip you're downloaded file and you'll get 'sharai-khana.zip' file. Only upload 'sharai-khana.zip' file. Issue will be solved.

It's a server execution time related issue. You can contact with your host provider to increase script execution time. There are two ways you can fix that issue.

  • Way 01: Unzip theme folder & files. Then using FTP upload it in wp-content/themes folder.
  • Way 02: You'll find 'plugins' folder inside 'sharai-khana' theme. Which contain all the required plugins. Just bring it out from 'sharai-khana' theme folder then zip the theme folder and upload it like regular WP theme.

It may be server related issue. You can contact with your hosting provider or contact with us via support page. We'll be happy to assist you.

You need to flush your permalink settings. To do this Go to WP Admin Panel >> Settings >> Permalinks . Then click "Save" button. Now, check you're pages. Hope issue will be solved.

Upgrade Notes

To update theme you can follow the steps-

  • Download Easy Theme and Plugin Upgrades plugin and install it in your site.
  • Choose the theme file (e.g., sharai-khana.zip) and click Install Now button.
  • It will automatically install the new theme and backup the old theme and give you a link to download the backup.
  • Make sure that your theme is active.

Before updating the theme, we recommend you to make backup of your modified files. Also deactivate the current version before uploading the new theme file.

We have used Senior Care WordPress theme to demonstrate the upgrade process. You can follow the same steps to upgrade this theme.

Check Video Tutorial

Upgrading from 1.2.6 to 1.2.7

  • Replace all files and directories in your themes/sharai-khana folder.

Change Log

2021, August, 30 - v 1.2.7
- Added: Option to display mobile menu before logo.
- Updated: Sharia Khana VC Addon to 1.2.3
- Updated: Theme language/translation file.
- Updated: Theme documentation.

2021, July, 23 - v 1.2.6
- Updated: WPBakery Page Builder to 6.7.0
- Updated: Theme language/translation file.
- Updated: Theme documentation.

2021, May, 07 - v 1.2.5
- Updated: Redux Options Panel Warning Notice.
- Updated: Theme language/translation file.
- Updated: Theme documentation.

2021, March, 17 - v 1.2.4
- Updated WPBakery Page Builder to 6.6.0
- Update theme Sharia Khana VC Addon to 1.2.2
- Updated documentation.

2021, January, 24 - v 1.2.3
- Updated WPBakery Page Builder to 6.5.0
- Update theme Sharia Khana VC Addon to 1.2.1
- Updated documentation.

2020, December, 02 - v 1.2.2
- Updated WPBakery Page Builder to 6.4.2
- Updated documentation.

2020, October, 04 - v 1.2.1
- Updated WPBakery Page Builder to 6.4.1
- Updated documentation.

2020, April, 30 - v 1.2.0
- Updated WPBakery Page Builder to 6.2
- Updated WooCommerce single product page featured image zoom issue.
- Updated documentation.

2020, March, 18 - v 1.1.9
- Fixed Search Box Widget Button Issue.
- Fixed 404 Page Warning Message.
- Added Font-Awesome 5 Support.
- Updated Documentation.

2020, January, 03 - v 1.1.8
- Updated WPBakery Page Builder to 6.1
- Update Sharia Khana VC Addon.
- Updated Documentation.

2019, September, 03 - v 1.1.7
- Updated WPBakery Page Builder to 6.0.5
- Updated Documentation.

2019, June, 19 - v 1.1.6
- Updated WPBakery Page Builder to 6.0.3
- Updated Documentation.

2019, May, 19 - v 1.1.5
- Updated WPBakery Page Builder to 6.0.2
- Updated WooCommerce Templates.
- Updated Documentation.

2019, February, 14 - v 1.1.4
- Updated WPBakery Page Builder to 5.7
- Updated Child Theme.
- Updated Documentation.

2019, February, 11 - v 1.1.3
- Added New Layouts For Moving Service.
- Updated Theme Option Panel.
- Updated Theme Addon.
- Updated Child theme.
- Updated Documentation.

2019, February, 07 - v 1.1.2
- Added New Layouts For Law Firm & Swim Academy.
- Updated Theme Option Panel.
- Updated Theme Addon.
- Updated Child theme.
- Updated Documentation.

2019, February, 03 - v 1.1.1
- Added New Layout For Bicycle Fix.
- Updated Theme Option Panel.
- Updated Theme Addon.
- Updated Child theme.
- Updated Documentation.

2019, January, 29 - v 1.1.0
- Updated Theme Menu.
- Updated Theme Option Panel.
- Updated Theme Addon.
- Added New Layout For Fit Bone.
- Updated Child theme.
- Updated Documentation.

2018, December, 23 - v 1.0.9
- Updated WPBakery Page Builder to 5.6
- Updated Theme Option Panel.
- Updated Child theme.
- Updated Documentation.

2018, November, 07 - v 1.0.8
- Updated WPBakery Page Builder to 5.5.5
- Update theme Sharia Khana VC Addon.
- Updated WooCommerce Templates.
- Updated child theme.
- Updated Documentation.

2018, September, 22 - v 1.0.7
- Updated Visaul Composer to 5.5.4.
- Update theme Sharia Khana VC Addon.
- Updated child theme.
- Updated Documentation.

2018, August, 04 - v 1.0.6
- Added New Demo For Computer & Laptop Repair Service.
- Fixed bottom margin issue for counter, process, team, service block.
- Added custom class option for process, slider block.
- Fixed alignment issue in process block.
- Added option to insert number in process block.
- Fixed custom background setup issue for FAQ block.
- Fixed service block title issue.
- Fixed CTA padding issue.
- Fixed Breadcrumb Custom Image issue.
- Added custom link option for team profile.
- Added option to disable social link for team profile.
- Added second layout for counter.
- Fixed footer error notice in 404 page.
- Updated WP Bakery Page Builder to 5.5.2
- Update WooCommerce Template.
- Update child theme.
- Update Documentation.

2018, June, 29 - v 1.0.5
- Update theme Sharia Khana VC Addon.
- Updated WP Bakery Page Builder to 5.5
- Update WooCommerce Template.
- Update child theme.
- Update Documentation.

2018, May, 25 - v 1.0.4
- Update theme Sharia Khana VC Addon.
- Update WooCommerce Template.
- Update child theme.
- Update Documentation.

2018, May, 12 - v 1.0.3
- Added Second Menu Layout.
- Added One Page Menu Layout.
- Added Option to set custom headline style.
- Added Option To Set Global Menu Style.
- Added Footer Menu option.
- Added Option To Footer Background Color.
- Update Mobile Menu.
- Update theme Sharia Khana VC Addon.
  -- Added Layout 02 For CTA.
  -- Added custom class and animation option in service block.
  -- Update highlights block.
- Update child theme.
- Update Documentation.

2018, March, 24 - v 1.0.2
- Update theme Sharia Khana VC Addon.
- Update Theme option panel. Options added to customize Breadcrumb background and color.
- Update child theme.
- Update Documentation.

2018, March, 10 - v 1.0.1
- Updated WP Bakery Page Builder to 5.4.7.
- Update theme Sharia Khana VC Addon.
- Fixed one click demo installer issue.
- Updated theme files to fix WooCommerce admin notice.
- Update Theme option panel. Options added to customize site buttons, headline colors and carousel navigation.
- Added option to change footer widget title separator and icon color.
- Update child theme.
- Update Documentation.

2017, August, 21 - v 1.0.0
- Initial release

Our Themes & Templates

Back To Top