Hello,
Thanks for your Patience!
We have checked this out and tried adding this to one of our files. It works perfectly fine. Follow the steps below:
- Add the Following Codes in the Document
<head>:
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/south-street/jquery-ui.css" rel="stylesheet">
<link rel="stylesheet" href="js/signature/css/jquery.signature.css" type="text/css" />
<style>
.kbw-signature { width: 400px; height: 200px; }
</style>
- Add the following codes at the bottom of the Page after the
js/functions.js File:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/signature/js/jquery.ui.touch-punch.min.js"></script>
<script src="js/signature/js/jquery.signature.min.js"></script>
<script>
$('#signature').signature();
</script>
- Use this HTML Code:
<div id="signature"></div>
This works perfectly fine for us. From this point, you will need to work on this manually or Hire a Freelancer to help you out with this, as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.