1. Download Demo Content Files

2. Home Page Sections

1. Top Header Contact detail, Social Menu, WooCommerce Cart and Search Section: For Top Header Contact detailGo to Apperence / Customize / Theme Options / Header. Social Menu section you need to create a menu and assign its location to Social Menu going to Admin Panel / Appearance / Customize / Menus / Menu Location.WooCommerce Cartwill appear automatically after you install and setup WooCommerce plugin and Search Section will come by default in theme activation. Site Identity, Primary Menu and Cotact Detail 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.
2. Slider Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Slider. Refer below How to manage Slider? for more detail.
3. Service Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Service. Refer below How to manage Service? for more detail.
4. 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. Testimonial Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Testimonial. Refer below How to manage Testimonial? for more detail.
8. Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Callback. Refer below How to manage Callback? for more detail.
9. Highlight Posts Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Highlight Posts. 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. Fotoer Callback Section: This section is setup from Admin Panel / Appearance / Customize / Front Page Options / Fotoer Callback. Refer below How to manage Fotoer Callback? for more detail.
12. 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.
13. Footer Copyright Section: To set up this section you need to go to Admin Panel / Appearance / Customize / Theme Options / Footer.

3. 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: Disable/enable slider Next/Previous and Navigation Buttons.
  • Slider Auto Play: Enable/Disable Slider auto play.
  • Slide Duration: Enter Auto time out in second.
  • Alternate Slider Button Text: Enter Alternate button text.
  • Alternate Slider Button URL: Enter Alternate button URL.
  • Disable Alternate Slider Button: Enable/Disable Alternate button.
  • Disable Slider: Enable/Disable slider.
  • Click Publish.

4. 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.
  • Click Publish.

5. How to manage About?

Create a Page for About. From Pages / New Page.
• Enter Title.
• Enter Content.
• Select Featured Image. Recommended Size is minimum 1170*710px.
• Click Publish.

• 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.

6. How to manage Portfolio?

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

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

7. How to manage Testimonial?

Create a Page for Testimonial. From Pages / New Page.
• Add title for your testimonial in the title.
• Enter Content.
• 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.
  • Click Publish.

8. 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.

9. How to manage Highlight Posts?

• From Customize / Front Page Options / Highlight Posts.
• Highlight Section Title: Enter a Highlight Section Title.
• Choose Highlight Category: Select a category. Until you choose any category, the recent posts will show.
• Show Slider Control: Enable/Disable Slider Control.
• Slider Auto Play: Enable/Disable Slider Auto Play.
• Disable Highlight Section: Enable/Disable Blog Section.
• Click Publish.

10. How to manage Contact?

• From Customize / Front Page Options / Contact.
• Contact Section Title: Enter a title.
• 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-12 col-lg-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-12 col-lg-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-12 col-lg-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-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-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>
  
  

• Click Publish.

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

11. How to manage Footer Callback?

• From Customize / Front Page Options / Footer Callback.
  • Background Image: Select Background Image.
  • Title: Enter Title.
  • Shortcode: Add a MailChimp for WordPress Shortcode. Refer this link to download the plugin.
  • Disable Footer Callback Section: Enable/disable Footer Callback.