1. Download Demo Content Files

2. Theme Installation

Approach I : From your admin dashboard.

1. Log in to the WordPress Administration Panels.
2. Select the Appearance panel, then Themes.
3. Select Add New.
4. Then, select Upload Theme.
5. Click Browse. Locate business-consultr.zip theme in your computer.
6. Select business-consultr.zip & click Install Now.

Approach II : Upload & install theme through FTP client

1. Unzip business-consultr.zip to your Desktop.
2. Using an FTP client to access your host web server, go to /wp-content/themes/ & upload your new copy of Business Consultr theme.
3. Now, log into the WordPress Dashboard with your login details.
4. Select the Appearance panel, then Themes.
5. You will see the theme in the list.
6. Then, click Activate button.
7. Now, the theme will be activated & go through the following options to set up the theme step wise.

3. How to setup front page as shown in the demo?

1. Hover over the “Pages” menu
2. You will see “Add New” under “All Pages”
3. Click “Add New“
4. You will be redirected to new page from.
5. Add title “Front” or any title you want.
6. Select a page template named "Front Page"
7. Leave editor blank
8. Click Publish button to save changes.

1. Hover over “Appearance”
2. Click “Customize”
3. Go to Static Front Page.
4. From Static Front Page section
5. Choose “A static page” option under “Front page displays” title.
6. You will be able to set any page as a static front page and blog page as shown on the image below.
7. Click “Save & Publish” button to save changes.

4. HOME PAGE SECTIONS

1. Top Header Section: Refer below How to manage theme Options? to set up Contact Details. Refer below How to manage Menus? for Social Menus. The Cart Icon with count will appear automatically if woocommerce plugin is installed.
2. Site Identity, Primary Menu and Quote button Section: The Site Identity section is setup from Admin Panel / Appearance / Customize / Site Identity and for Primary Menu section you need to create a menu and assign its location to Primary Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location. Refer below How to manage Site Title, Logo, Tagline and Site Icon? and How to manage Menus? for more detail. For Quote Button Refer below How to manage Theme option? for more details.
3. Slider Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Slider. Refer below How to manage Slider? for more detail.
4. Service Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Service. Refer below How to manage Service? for more detail.
5. About Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / About. Refer below How to manage About? for more detail.
6. Portfolio Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Portfolio. Refer below How to manage Portfolio? for more detail.
7. Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Callback. Refer below How to manage Callback? for more detail.
8. Testimonial Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Testimonial. Refer below How to manage Testimonial? for more detail.
9. Blog Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Blog. Refer below How to manage Blog? for more detail.
10. Contact Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Contact. Refer below How to manage Contact? for more detail.
11. Footer Widget Area Section: This section is set up from the widget. So you need to go to Admin Panel / Appearance / Customize / Widgets / Footer. and add the widget you like. Refer below How to add Widgets? for more detail.
12. Footer Copyright Section: To set up this section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer. Refer below How to manage Footer Options? for more detail.

5. How to manage Site Title, Logo, Tagline and Site Icon?

• Logo ( Only available in WordPress version greater than or equal to 4.5 ): It changes the main logo of the site.
• Site Title: It changes the main site title of the site.
• Tagline: It changes the tagline (i.e:Description) of the site.Just below site title.
• Display Site Title and Tagline: It enable/disable the Site Title and Tagline.
• Site Icon: The Site Icon is used as a browser and app icon for your site.Icon must be square, and at least 512px wide and tall.

6. How to manage Colors?

• Site Title: Set the color for your Site Title.
• Background: Set the color for Body background.
• Site Identity: Set the color for Site Logo.
• Site Tagline: Set the color for Site Tagline.
• Primary: Set the color for primary elements.
• Secondary: Set the color for buttons and small elements.
• Alternate: Set the color for alternate elements.

7. How to manage header options?

How to manage Header Image?

• Current header: Upload your desired header image .. If the preview is fine, click on Save and Publish to apply recently uploaded Header image.
• Suggested: You can even use the suggested header image if you dont want to uploed other image.

8. How to manage Menus?

1. How to create a menu?

1. From Customize section, go to Menus
2. From Menus, click “Add a Menu” button and you will be able to create a menu.
3. Now, click Add Items and you will be able to Add or Remove Menu Items according to your requirement.
4. Select the Menu locations.
5. If the preview looks fine, save the changes by clicking on Save and publish button.

2.How to change menu Locations?

• Select the menu for Primary Menu. Primary menu appears as a main menu in the header section.
• Choose the Social Menu, which shows the social link’s title as a menu.
• Choose the Footer Menu, which shows the right side of the footer.

9. How to add Widgets?

Available widget Areas:

10. How to manage theme Options?

Header Options

• Address: Item for Address.
• Email: Item for Email.
• Phone: Item for Phone.
• Disable Top Header: Disable top header section.
• Header Button Text: Change Quick Quote Button text on header.
• Header Button Link: Add Quick Quote Button Link.
• Disable Header Button: Disable Quick Quote button.
• Disable Fixed Header: Disable Fixed Header.

Layout Options

• Archive Layout: Archive Page Side bar position. Options: Right Sidebar, Left Sidebar and No sidebar
• Archive Post Layout: Archive Post Layout. Options: Grid layout and Simple(list) layout
• Archive Post Image: Archive Post Image Size veriations. Options: Thumbnails, Medium, Large, Full and Default.
• Archive Post Image Alignment: Archive Post Image Alignment. Options: Left, Right and Center

Blog Options

• Blog Page Title: Change Blog Page Title.

Footer Options

• Enable Scroll top in mobile: Enable/Disable Scroll top in mobile.
• Disable footer widgets: Enable/Disable footer widgets. To add widgets refer above How to add Widgets?
• Footer Text: Add footer text of your website.

11. How to manage Additional CSS?

• You can add your own CSS here.
• 

12. How to manage Sliders?

Create a Page for Slider. From Pages / New Page.
• Enter Title.
• Enter Content.
• Select Featured Image. Recommended Size is 1920*1200px.
• Click Publish.
• From address bar copy the post ID. For post ID refer to image below.
• Go to Apperence / Customize / Front Page Options / Slider
• Paste the post ID
• Separete from comma ( , ) for upto 3 Slider items.
• Click Publish.

• From Customize / Front Page Options / Slider.
  • Show Slider Control: Enable/Disable Slider control.
  • Slider Auto Play: Enable/Disable Slider auto play.
  • Slide Duration: Enter Auto time out in second.
  • Disable Slider: Enable/Disable slider.

13. How to manage Services?

Create a Page for Service. From Pages / New Page.
• Add title for your service and append pipe ( | ) and Kfi Icon name like this “Service Name | kfi-lightbulb-alt” in the title. For more icons go to Kfi Icons Page
• Enter Content.
• Click Publish.
• From address bar copy the post ID.
• Go to Apperence / Customize / Front Page Options / Service
• Paste the post ID
• Separete from comma ( , ) for upto 3 Service items.
• Click Publish.

• From Customize / Front Page Options / Service.
  • Disable Service: Enable/Disable Service.

14. How to manage About?

• From Customize / Front Page Options / About.
  • Select a Page: Select a page that you want to display the content of.
  • Disable About: Enable/Disable About section.
  • Click Publish.

15. How to manage Portfolio?

Create a Page for Portfolio. From Pages / New Page.
• Enter Title.
• Enter Content.
• Select Featured Image. Recommended Size is minimum 390*320px.
• Click Publish.
• From address bar copy the post ID. For post ID refer to image below.
• Go to Apperence / Customize / Front Page Options / Portfolio
• Paste the post ID
• Separete from comma ( , ) for upto 3 Portfolio items.
• Select Title Page for Portfolio
• Click Publish.

• From Customize / Front Page Options / Portfolio.
  • Disable Portfolio: Enable/Disable portfolio.

16. How to manage Callback?

• From Customize / Front Page Options / Callback.
  • Background Image: Select Background Image.
  • Title: Enter Title.
  • Button Text: Enter Button Text.
  • Button URL: Enter Button URL.
  • Disable Callback Section: nable/Disable Callback.

17. How to manage Testimonial?

Create a Page for Testimonial. From Pages / New Page.
• Add title for your testimonial and append pipe ( | ) and Company/designation name like this “Testimonial Name | Google” in the title.
• Enter Content.
• Select Featured Image.
• Click Publish.
• From address bar copy the post ID. For post ID refer to image below.
• Go to Apperence / Customize / Front Page Options / Testimonial
• Paste the post ID
• Separete from comma ( , ) for upto 3 Testimonial items.
• Select Title Page for Testimonial
• Click Publish.

• From Customize / Front Page Options / Testimonial.
  • Disable Testimonial: Enable/Disable testimonial.

18. How to manage Blog?

• From Customize / Front Page Options / Blog.
• Select Title page for Blog: Select a page.
• Choose Blog Category: Select a category.
• Show at Most: Select upto 3 Posts to display.
• Disable Blog: Enable/Disable Blog Section.
• Click Publish.

19. How to manage Contact?

• From Customize / Front Page Options / Contact.
• Select Title page for Contact: Select a page.
• Shortcode: Paste the Shortcode from Contact Form 7
  Find the Markups below to create forms as shown in demo: CF7 Form Custom Style with click Effect

  
  <div class="kt-contact-form-area">
  <div class="col-xs-12 col-sm-4 col-md-4">
  <div class="form-group"> 
  [text* your-name id:cf-username class:form-control placeholder "Name *"] 
  <label for="cf-username">Name <sup>*</sup></label> 
  </div>
  </div>
  <div class="col-xs-12 col-sm-4 col-md-4">
  <div class="form-group"> 
  [email* your-email id:cf-email class:form-control placeholder "Email *"] 
  <label for="cf-email">Email <sup>*</sup></label> 
  </div>
  </div>
  <div class="col-xs-12 col-sm-4 col-md-4">
  <div class="form-group"> 
  [text* your-subject id:cf-subject class:form-control placeholder "Subject *"] 
  <label for="cf-subject">Subject <sup>*</sup></label> 
  </div> 
  </div>
  <div class="col-xs-12 col-sm-12 col-md-12">
  <div class="form-group"> 
  [textarea* your-message id:cf-message class:form-control placeholder "Message *"] 
  <label for="cf-message">Message <sup>*</sup></label> 
  </div> 
  </div>
  <div class="col-xs-12 col-sm-12 col-md-12">
  <div class="form-group"> 
  [submit id:cf-send class:form-control "Send Message"]<button type="reset" class="cleaner"><span class="kfi kfi-close"></span> clear form</button>
  </div> 
  </div>
  </div>
  
  

  CF7 Default Form Style

  
  <label> Your Name (required)
  [text* your-name] </label>
  
  <label> Your Email (required)
  [email* your-email] </label>
  
  <label> Subject
  [text your-subject] </label>
  
  <label> Your Message
  [textarea your-message] </label>
  
  [submit "Send"]
  
  

  Default Form Style

  
  <form>
  <label> Your Name (required)</label>
  <input name="username" type="text"><br>
  <label> Your Email (required)</label>
  <input name="email" type="text"><br>
  <label> Your Subject (required)</label>
  <input name="subject" type="text"><label> Your Message (required)</label>
  <textarea></textarea>
  <input type="submit" value="Submit">
  </form>
  
  

• Click Publish.

• From Customize / Front Page Options / Contact.
  • Disable Contact: Enable/Disable contact.