title: Increase jqGrid Footer Height
body: <p>I've got a jqGrid in an MVC application. I increased the font size by adding a custom CSS file with the style shown below.</p>
  
  <p>custom.css</p>
  
  <pre><code>.ui-jqgrid,
  .ui-jqgrid .ui-jqgrid-view,
  .ui-jqgrid .ui-jqgrid-pager,
  .ui-jqgrid .ui-pg-input {
      font-size: 14px;
  }
  </code></pre>
  
  <p>That worked correctly. However, the problem now is that the footer of the grid has not expanded to show the increased font size properly.</p>
  
  <p><a href="https://i.stack.imgur.com/kRXsH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kRXsH.png" alt="jqGrid Footer"></a></p>
  
  <p>As you can see, the pager cuts off the page number. I've tried implementing the solution found <a href="https://stackoverflow.com/questions/19873787/how-to-increase-the-height-of-footerrow-in-jqgrid">here</a> on StackOverflow, but that didn't change the footer.</p>
  
  <p>custom.css</p>
  
  <pre><code>.ui-jqgrid .ui-jqgrid-sdiv .footrow { height: 55px }
  </code></pre>
  
  <p>Would someone mind helping me out with how to increase the height of the jqGrid footer?</p>