Vital has multiple widget areas that can be populated with widgets in Appearance/Widgets.

  1. Blog/Post Sidebar
  2. Main sidebar that appears on the right or left part of the blog and single post pages.

  3. Page Sidebar
  4. Main sidebar that appears on the right or left part of the simple page.
    Use in demo: Custom Menu widget

  5. Single Post Header Sidebar
  6. Appears under post meta information on single post page. Great for social sharing.

  7. Single Post Content Sidebar Top
  8. Appears before single post content.

  9. Single Post Content Sidebar Bottom
  10. Appears after single post content.

  11. After Single Post Sidebar
  12. Appears after any other content on single post page.

  13. Before Single Post Sidebar
  14. Appears before any other content on single post page.

  15. Menu Sidebar
  16. Appears on the right side of the menu in standard menu style and under all items in side menu.

  17. Top Bar Sidebar Left
  18. Appears on the left side in the top bar.
    Demo use example: text widget

    <i class="fa fa-phone" style="font-size:18px; padding-right:15px;"></i><strong>Main Line:</strong> (800) 202-555-0120

    Replace icon name with your own from Font Awesome Font Awesome Icons or see how to use page builder elements as shortcodes.

  19. Top Bar Sidebar Right
  20. Appears on the right side in the top bar.
    Use in demo: Custom Menu widget

  21. Footer Sidebar 1
  22. First sidebar of the footer section.
    Demo use example: text widget.

    <ul>
    <li>4982 Parkway Street,
    Los Angeles,
    CA 90017</li>
    <li>Tel: (800) 202-555-0120
    Fax: 2202-555-0128
    Email: info@vitalhospital.com</li>
    </ul>
    
    [vc_empty_space height="20"]
    
    <a href="#"><i class="fa fa-twitter" style="font-size:22px; padding-left:0px; padding-right:20px;"></i></a><a href="#"><i class="fa fa-facebook" style="font-size:17px; padding-left:0px; padding-right:20px;"></i></a><a href="#"><i class="fa fa-skype" style="font-size:21px;  padding-left:0px; padding-right:20px;"></i></a><a href="#"><i class="fa fa-google-plus" style="font-size:19px;  padding-left:0px; padding-right:0px;"></i></a>

    Replace icon name with your own from Font Awesome Font Awesome Icons or see how to use page builder elements as shortcodes.

  23. Footer Sidebar 2
  24. Second sidebar of the footer section.
    Demo use example: text widget.

    <ul>
    <li><a href="#">Clinics & Centers</a></li>
    <li><a href="#">Conditions & Treatments</a></li>
    <li><a href="#">Find a Doctor</a></li>
    <li><a href="#">Get My Medical Records</a></li>
    <li><a href="#">Medicare Plan Finder</a></li>
    <li><a href="#">Insurance Companies</a></li>
    </ul>
  25. Footer Sidebar 3
  26. Third sidebar of the footer section.

  27. Footer Sidebar 4
  28. Fourth sidebar of the footer section.
    Demo use example: text widget

    <p class="newsletter clearfix">
    <input id="newsletter_signup" name="newsletter_signup" type="email" placeholder="Your e-mail address" /><button type="submit"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> Sign Up</button>
    </p>

    This is an example pre-styled form that you can use with any newsletter plugin or system. For example, if you are using MailChimp for WordPress, just copy the html into the Forms field or you can generate your own.

    The only thing required to have the demo styling is to have a “newsletter clearfix” classes for the wrapping p tag.

    Example:

    <p class="newsletter clearfix">
    <input type="email" name="EMAIL" id="newsletter_signup" type="text" placeholder="Your e-mail address" /><input type="submit" value="Sign up" />
    </p>
  29. Copyright Area
  30. Appears below footer. Used to add copyright text.

  31. WooCommerce Page Sidebar
  32. Main sidebar that appears on the right or left part of the WooCommerce shop and product pages. Requires WooCommerce.

  33. Mobile Header Sidebar
  34. Appears in mobile header before hamburger icon.

  35. Mobile Menu Sidebar
  36. Appears after mobile menu items.