title: Change the height of google custom search bar
body: <p>I want to change the height of the google custom search bar, there are many options to style the look of the search bar by using googles custom search editor however none of the options allow you to change the height. </p>
  
  <p>Currently the search bar has a top and bottom border which really does look unnecessary, its just too large and really does not need to be. </p>
  
  <p>Here is the google search bar fitted inside my header bar, as you can see it over laps because its too high. <img src="https://i.stack.imgur.com/G327n.png" alt="Image of google search"></p>
  
  <p>Here is the code of the google search bar :</p>
  
  <pre><code>&lt;script&gt;
                    (function() {
                      var cx = '007301268677233961693:36-nzkwdslc';
                      var gcse = document.createElement('script');
                      gcse.type = 'text/javascript';
                      gcse.async = true;
                      gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
                          '//cse.google.com/cse.js?cx=' + cx;
                      var s = document.getElementsByTagName('script')[0];
                      s.parentNode.insertBefore(gcse, s);
                    })();
  
                  &lt;/script&gt;
                  &lt;gcse:search&gt;&lt;/gcse:search&gt;
  </code></pre>
  
  <p>Please if any one knows how do you change the height of this search bar, i would like it to be 64 px in height. </p>
  
  <p>Thankyou for any help in advance. </p>