title: How to set fancybox height and width?
body: <p>I write a code for the fancybox and its working but i want to set height and width for fancybox but its not working. I use below code.</p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>    &lt;script type="text/javascript" src="/javascript/jquery/plugins/fancybox/fancybox.js?b84fd"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  
  /* This is basic - uses default settings */
  
  $("a#single_image").fancybox();
  
  /* Using custom settings */
  
  $("a#inline").fancybox({
  'hideOnContentClick': true
  });
  
  
  
  /* Apply fancybox to multiple items */
  
  $(".iframe").fancybox({
  'transitionIn'    :    'elastic',
  'transitionOut'    :    'elastic',
  'speedIn'     :    600,
  'speedOut'     :    200,
  'overlayShow'    :    false,
  'width'  : 600,           // set the width
      'height' : 600,           // set the height
      'type'   : 'iframe',       // tell the script to create an iframe
      'scrolling'   : 'no'
  
  });
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;a id="inline" href="/content/test.html"&gt;Test&lt;/a&gt;
  </code></pre>
  
  <p>Please suggest me idea how can i set height and width for fancybox.</p>
  
  <p>I use fancybox in bigcommerce using this links help <a href="https://support.bigcommerce.com/questions/1588/How+do+I+create+a+lightbox+to+display+a+link%27s+content+%28picture,+YouTube+video,+etc.%29?" rel="nofollow">Big commerce help</a></p>
  
  <p>Thanks</p>