title: JQuery Confirm how to change its height
body: <p>How can i change the height of Jquery Confirm dialog?</p>
  
  <p>can i set it via parameters?</p>
  
  <pre><code>$.confirm({
      'title': 'Foo',
      'message': "Bar",
      'buttons': {
          'OK': {
              'class': ''
          }
      }
  });
  </code></pre>
  
  <p><strong>EDIT</strong>
  Following is Confirm code:</p>
  
  <pre><code>(function ($) {
      $.confirm = function (params) {
          if ($('#confirmOverlay').length) {
              return false;
          }
          var buttonHTML = '';
          $.each(params.buttons, function (name, obj) {
              buttonHTML += '&lt;a href="#" class="uibutton large ' + obj['class'] + '"&gt;' + name + '&lt;span&gt;&lt;/span&gt;&lt;/a&gt;';
              if (!obj.action) {
                  obj.action = function () { };
              }
          });
  
          $('body').append('&lt;div id="confirmOverlay"&gt;&lt;/div&gt;&lt;div id="confirmBox"&gt;&lt;h1&gt;' + params.title + '&lt;/h1&gt;&lt;p&gt;' + params.message + '&lt;/p&gt;&lt;div id="confirmButtons"&gt;' + buttonHTML + '&lt;/div&gt;&lt;/div&gt;');
          $('#confirmOverlay').css('opacity', 0.3).fadeIn(400, function () {
              $('#confirmBox').fadeIn(200);
          });
          var buttons = $('#confirmBox .uibutton');
          var i = 0;
          $.each(params.buttons, function (name, obj) {
              buttons.eq(i++).click(function () {
                  obj.action();
                  $.confirm.hide();
                  return false;
              });
          });
      }
  
      $.confirm.hide = function () {
  
          $('#confirmBox').fadeOut(function () {
              $(this).remove();
              $('#confirmOverlay').fadeOut(function () {
                  $(this).delay(50).remove();
              });
          });
      }
  })(jQuery);
  </code></pre>