Author:  Kwayy

Support: Kwayy Support System

FAQ

Freqently Asked Questions

This page contains solutions for general questions

Questions List


Q1: How to set Contact Forms alike Demo site ?


A1: You can easily set Contact Form alike form shown on our demo site. Here are list of forms used on our demo site.

  • Sample code for Form used on Contact Page of NutriCorp demo site.
    
    <div class="kw-commonform kw-contactform">
     <div class="tm-element-heading-wrapper tm-heading-inner tm-element-align-left tm-seperator-none tm-heading-style-vertical ">
     <section class="tm-vc_cta3-container">
      <div class="tm-vc_general tm-vc_cta3 tm-cta3-only tm-vc_cta3-style-classic tm-vc_cta3-shape-rounded tm-vc_cta3-align-left tm-vc_cta3-color-transparent tm-vc_cta3-icon-size-md tm-vc_cta3-actions-no tm-cta3-with-desc">
      <div class="tm-vc_cta3_content-container">
      <div class="tm-vc_cta3-content">
      <header class="tm-vc_cta3-content-header tm-wrap">
       <div class="tm-vc_cta3-headers tm-wrap-cell">
       <h2 style="font-size:35px;line-height:40px;" class="tm-custom-heading ">Send Message</h2>
       </div>
       <div class="heading-seperator"><span></span></div>
      </header>
      <div class="tm-cta3-content-wrapper"><p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit>/p></div>
      </div>
      </div>
      </div>
     </section>
     </div>
     <label><i class="ti-user"></i>[text* your-name placeholder "Your Name"]</label>
     <label><i class="ti-email"></i>[email* your-email placeholder "Your Email"]</label>
     <label><i class="ti-mobile"></i>[text* your-phone  placeholder "Phone Number"]</label>
     <label><i class="ti-comments"></i>[textarea your-message placeholder "Your Message"]</label>
     <label>[submit  "Submit"]</label>
    </div>
    
    
  • Sample code for Make Appointment Form used on Home Page of NutriCorp demo site.
    <div class="kw-makeappointmentform kw-commonform">
    <div class="row">
      <div class="col-xs-12 col-sm-6"><label><i class="ti-user"></i>[text* your-name placeholder "Name"]</label></div>
      <div class="col-xs-12 col-sm-6"><label><i class="ti-mobile"></i>[text* phone placeholder "Phone"]</label></div>
    </div>
    <div class="row">
    <div class="col-xs-12 col-sm-6"><label><i class="ti-email"></i>[email* your-email placeholder "Email"]</label></div>
    <div class="col-xs-12 col-sm-6"><label><i class="ti-alarm-clock"></i>[text* time placeholder "Time"]</label></div>
    </div>
    <div class="row">
    <div class="col-xs-12 col-sm-12"><label><i class="ti-book"></i>[text your-subject placeholder "Class"]</label></div>
    </div>
    <div class="row">
    <div class="col-xs-12 col-sm-12"><label><i class="ti-shield"></i>[textarea your-subject placeholder "Message"]</label><div>
    </div>
    <div class="row">
    <div class="col-xs-12 col-sm-12 tm-text-align-center tm-book-submitbt">[submit "SUBMIT NOW"]</div>
    </div>
    </div>
    									

Q2: How to update NutriCorp theme?


A2: We are providing regular bug fixes, enhancements and also features to our all buyers. So we are releasing new version frequently. The theme update process is handled by the Envato Market Plugin plugin. Click here to know how to setup Envato Market Plugin. You can download the plugin by clicking here.


Q3: How to disable comments from PAGES (and also other post types) ?


A3: There are two steps to disable comments.
  • First, disable comments from existing pages
  • Second, disable comments from new pages so comments would be disabled on new pages too.

Here are steps to disable comments from existing pages:


Here are steps to disable comments from new pages (so comments would be disabled on new pages too) :

Q4: How to find NutriCorp theme Purchase Code ?

A4: The purchase code is a code that verifies that you are a genuine buyer. Here are steps to find your purchase code:
  • To find your licence key/purchase code you need to log into your ThemeForest account and go to your “Downloads” page:

  • Now click on the Download button (next to the Remould item) and click on the Licence certificate & purchase code link:
  • You will get a text file to download. Just download it and open in text editor and you will find your purchase code:
  • Done

Q5: How to set responsive menu breakpoint (from which window size the menu will become responsive) ?


A5: You can set it from Admin > NutriCorp Options > Menu Settings section. Just go to this section and select window size (or set pixel) under "Responsive Menu Breakpoint" option. See screenshot below:



Q6: How to set MailChip newsletter form in footer ?


A6: We are using MailChimp for WordPress plugin to generate MailChip subscribe form in footer. So first install this plugin. Than follow steps given below:
  • First make sure you link your MailChip account with this plugin. Just go to Admin > MailChip for WP plugin settings section and link your account. You just need to copy/paste the API code from your MailChimp account to here and click "Save Changes" button. See screenshot given below:

  • Now go to Admin > MailChip for WP > Forms section and paste this code:
    <p class="mailchimp-inputbox">
      	<input type="email" name="EMAIL" placeholder="Your email address" required />
    	<input type="submit" value="Sign up" />
    </p>
    									
    Like this:


Q7: How to setup "Envato Market" plugin?


A7: You just need to link your themeforest.net account with the plugin. For this, you need API key from your account. This is one time process. After this setup done, you can install or update your purchased theme from here in just one click.

Please follow steps given below:
  • From the dashboard’s Envato Market page, click “generate a personal token”.


  • When you are taken to the Envato API page, enter a name of your choice into the Token name field.

  • Agree to the terms, then click “Create Token” button.
  • Once you’ve copied the token, check the confirmation checkbox and then click “Woohoo! Got it.” button.


  • Return to the Envato Market page of the dashboard and enter your copied token, then click “Save Changes” button.


  • When the overview of themes purchased on ThemeForest is displayed the Envato Market plugin setup process is complete.


  • From now on, you can install or update theme easily in just one click.

Q8: How to display some part of Column overlay to previous Column alike Contact section display on Contact us page in Demo Site ?




A8: For this you just need to add an extra class name kw-contact-info to the column. See screenshot below.



Q9: How to set MailChip newsletter form row overlay to footer alike Home page in Demo site ?




A9: For this you just need to add an extra class name tm-mailchimp-formrow to the row. See screenshot below.



Q10: How to display service box with banner, seperator and hover effect alike in first section on Homepage in Demo Site ?




A10: For this you just need to add an extra class name tm-sevicebox-sep serviceboxes-with-banner tm-servicebox-hover to the row. See screenshot below.



Q11: How to set custom link (e.g. video link) open in lightbox over image alike in See How We Prepare your Meal section on Homepage 2 in Demo Site ?




A11: For this you just need to add an extra class name tm_prettyphoto to the image. See screenshot below.



Q12: How to set Tab menu alike in Our Latest Classes section on Homepage 2 in Demo Site ?




A12: For this you just need to add an extra class name tm-fluid-menu to the tab. See screenshot below.



Q13: How to highlight contact details with skin color alike in Topbar section in Demo Site ?




A13: For this you just need to add an extra class name tm-highlight to the topbar code. See screenshot below.



Q14: How to add shadow effect in row alike in first section on Homepage in Demo Site ?




A14: For this you just need to Select YES from "Add shadow?" option in inner row settings. See screenshot below.