FullCalendar How can I resize the cell height of my header?

Question

I need to resize the cell height of my fullCalendar header. Currently there is too much white space (padding?) on the top and below of the month. Here is what it currently looks like.

I would like it to display more like this

Actually the two images look pretty similar. I guess I just don't want any white space above or below the month text. Please help if you can. Thanks

Answer 1

You could try with this jQuery line after FullCalendar in instantiated::

$(".fc-toolbar").css({"margin-bottom":0});

Or via a CSS rule (probably the best way):

.fc-toolbar{
  margin-bottom:0 !important;
}