Html CheckBox

Set the boxSize property of the jqxCheckBox. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxCheckBox'>Entertainment</div>

CSS

#jqxCheckBox{
padding-top:20px;
}

#jqxCheckBox .jqx-checkbox-default{
margin-top:-15px;
}

JavaScript

$("#jqxCheckBox").jqxCheckBox({
    width: '300px',
    height: 25,
    boxSize: '50px',
    theme: 'energyblue'
});