title: Fullcalendar font-size of events
body: <p>When I change the <code>font-size</code> in the css like this:</p>
  
  <pre><code>.fc-event {
      font-size: .85em;}
  </code></pre>
  
  <p>The <code>font-size</code> looks perfect.</p>
  
  <p>But when I change the <code>font-size</code> with jquery it does not work.</p>
  
  <pre><code>if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $('#calendar').fullCalendar('changeView', 'agendaDay'); //=&gt; OK
    $(".fc table ").css("font-size", "1.40em");               //=&gt; OK
    $('.fc-event').css('font-size', '1.85em !important'); //=&gt; NOT OK
    $('#calendar').fullCalendar('option', 'aspectRatio', 0.85); //=&gt; OK
  };
  </code></pre>
  
  <p>Other CSS settings do get changed. But the line <code>$('.fc-event').css('font-size', '1.85em !important');</code> does not.</p>
  
  <p>UPDATE: This is all the code i used:</p>
  
  <pre><code>    &lt;?php
  session_start();
  if(!$_SESSION['email'])
  {
      header("Location: login.php");//redirect to login page to secure the welcome page without login access.
  }
  ?&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset='utf-8' /&gt;
  
  &lt;link href='css/jquery.qtip.css' rel='stylesheet' /&gt;
  &lt;link href='css/fullcalendar.css' rel='stylesheet' /&gt;
  &lt;link href='css/fullcalendar.print.css' rel='stylesheet' media='print' /&gt;
  
  &lt;script src='js/lib/moment.min.js'&gt;&lt;/script&gt;
  &lt;script src='js/lib/jquery.min.js'&gt;&lt;/script&gt;
  &lt;script src='js/lib/jquery-ui.custom.min.js'&gt;&lt;/script&gt;
  
  &lt;script src='js/fullcalendar.min.js'&gt;&lt;/script&gt;
  &lt;script src='js/fullcalendar.js'&gt;&lt;/script&gt;
  &lt;script src='js/lang-all.js'&gt;&lt;/script&gt;
  
  &lt;script src='js/jquery.qtip.js'&gt;&lt;/script&gt;
  
  &lt;script src='js/bootstrap.js'&gt;&lt;/script&gt;
  &lt;script src='js/bootstrap.min.js'&gt;&lt;/script&gt;
  
  
  &lt;script&gt;
  
      $(document).ready(function() {
  
          var date = new Date();
          var d = date.getDate();
          var m = date.getMonth();
          var y = date.getFullYear();
  
          //var username = $("input#username").val();
          //var password = $("input#password").val(); 
          var username = 'api_user';  //api gebruikersnaam
          var password = 'api_pass';  //api passwoord
  
          function make_base_auth(user, password) {
                                                  var tok = user + ':' + password;
                                                  var hash = btoa(tok);
                                                  return "Basic " + hash;
                                                  };
  
          var calendar = $('#calendar').fullCalendar({
  
          //Display settings
              //theme: true,
              //aspectRatio: 1, // verhouding hoogte breedte standaard is dit 1.35
              header: {
                      left: 'prev,next, today',
                      center: 'title',
                      right: 'month,agendaWeek,agendaThreeDay,agendaDay' //ook mogelijk basicWeek, basicDay
                      },
              firstDay: 1, //Sunday=0, Monday=1, Tuesday=2, etc.
              //hiddenDays: [ 0 ], //zondag verbergen [ 1, 3, 5 ] // hide Mondays, Wednesdays, and Fridays
              weekNumbers: true,
              businessHours: {
                              start: '7:00',  // a start time
                              end: '19:00',   // an end time
                              dow: [ 1, 2, 3, 4, 5, 6 ]
                              // days of week. an array of zero-based day of week integers (0=Sunday)
                              // (Monday-saturday in this example)
                              },
              views: {
                      agendaFourDay: {
                                      type: 'agenda',
                                      duration: { days: 4 },
                                      buttonText: '4 Dagen'
                                      },
                      agendaThreeDay: {
                                      type: 'agenda',
                                      duration: { days: 3 },
                                      buttonText: '3 dagen'
                                      }
                      },
              defaultView: 'agendaWeek',  //de calender opent standaard op dit overzicht month,agendaWeek,agendaThreeDay,agendaDay
              timeFormat: 'H(:mm)',       // uppercase H for 24-hour clock
              lang: 'nl',
  
          //Calendar settings
              selectable: true,
              selectHelper: true,
              editable: true,
              eventLimit: true,   //allow "more" link when too many events
  
          //Events
              events: {
                      url:'events.php',
                      error: function() {
                                          alert('There was an error while fetching events! Check event settings, database connection and events.php');
                                          },
                      //color : 'green', 
                      },
  
  
              eventRender: function(event, element) {
                                                      $('.fc-event').css('font-size', '1.85em');
                                                      //element.qtip({content: event.title});
                                                  },
  
          //Popup on event click
              eventClick: function(calEvent, jsEvent, view) {
                                  alert('Afspraak details: \n' + calEvent.title + '\n' + '\n'
                                  + 'Plaats: ' + calEvent.location  + '\n' + '\n'
                                  + 'Omschrijving :' + calEvent.description  + '\n' + '\n'
                                  //+ 'Van :' + calEvent.startgethours()&gt;12?  + '\n' + '\n'
                                  );
                                  //alert('View: ' + view.name);
                                  // change the border color just for fun
                                  //$(this).css('background-color', 'deepskyblue'); //change color of selected item
                                  },
  
  
          //Convert the allDay from string to boolean
              eventRender: function(event, element, view) {
                                                          if (event.allDay === 'true')
                                                              {
                                                              event.allDay = true;
                                                              } 
                                                          else {
                                                              event.allDay = false;
                                                              }
                                                          },
  
  
          /*   
              eventRender: function(event, element) {
                                                      element.qtip({
                                                                  content: event.title
                                                                  });
                                                     },
          */
  
          //Add event =&gt; alle velden toevoegen voor gebruikt kan worden
              /*
              select: function(start, end, allDay) {
                                          var title = prompt('Event Title:');
                                          //var url = prompt('Type Event url, if exits:');
                                          if (title) {
                                                      var start = $.fullCalendar.moment(start).format("YYYY-MM-DD HH:mm:ss");
                                                      var end = $.fullCalendar.moment(end).format("YYYY-MM-DD HH:mm:ss");
                                                      $.ajax({
                                                              url: 'http://www.data2info.be/_test/kalender/add_events.php',
                                                              data: 'title='+ title+'&amp;start='+ start +'&amp;end='+ end,
                                                              type: "POST",
                                                              success: function(json) {
                                                                                      alert('De afspraak is toegevoegd');
                                                                                      }
                                                              });
                                                      calendar.fullCalendar('renderEvent',
                                                                          {
                                                                              title: title,
                                                                              start: start,
                                                                              end: end
                                                                              //allDay: allDay
                                                                          },
                                                                              true // make the event "stick"
                                                                          );
                                                      }
                                          calendar.fullCalendar('unselect');
                                          $.ajax({
                                                  url: 'navapi.php',
                                                  data: 'title='+ event.title+'&amp;start='+ start +'&amp;end='+ end +'&amp;id='+ event.id ,
                                                  type: "GET",
                                                  //datatype: "json",
                                                  statusCode: {404: function() {alert( "navapi.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
                                                  beforeSend: function (xhr) { 
                                                                              xhr.setRequestHeader('Authorization', make_base_auth(username, password)); 
                                                                              },
                                                  });         
                                          },
              */
  
          //Move event
              eventDrop: function(event, delta, revertFunc) {
                                          var start = event.start.format("YYYY-MM-DD HH:mm:ss");
                                          var end = event.end.format("YYYY-MM-DD HH:mm:ss");
                                          //Post changes - drag/drop event
                                          $.ajax({
                                                  url: 'update_events.php',
                                                  data: 'title='+ event.title+'&amp;start='+ start +'&amp;end='+ end +'&amp;id='+ event.id ,
                                                  type: "POST",
                                                  success: function(json) {   //refresh calendar on success
                                                                          $('#calendar').fullCalendar( 'refetchEvents' );
                                                                              //alert("Updated Successfully");
                                                                          },
                                                  error: function(json)   {   //refresh calendar on error
                                                                          $('#calendar').fullCalendar( 'refetchEvents' );
                                                                          },
                                                  statusCode: {404: function() {alert( "update_events.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
                                                  });
                                          //Post parameters tot api NAV
                                          $.ajax({
                                                  url: 'navapi.php',
                                                  data: 'title='+ event.title+'&amp;start='+ start +'&amp;end='+ end +'&amp;id='+ event.id ,
                                                  type: "GET",
                                                  //datatype: "json",
                                                  statusCode: {404: function() {alert( "navapi.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
                                                  beforeSend: function (xhr) { 
                                                                              xhr.setRequestHeader('Authorization', make_base_auth(username, password)); 
                                                                              },
                                                  }); 
                                          },
  
  
          //Resize event
              eventResize: function(event) {
                                          var start = event.start.format("YYYY-MM-DD HH:mm:ss");
                                          var end = event.end.format("YYYY-MM-DD HH:mm:ss");
                                          //Post changes - resize event
                                          $.ajax({
                                                  url: 'update_events.php',
                                                  data: 'title='+ event.title+'&amp;start='+ start +'&amp;end='+ end +'&amp;id='+ event.id ,
                                                  type: "POST",
                                                  success: function(json) {   //refresh calendar on success
                                                                          $('#calendar').fullCalendar( 'refetchEvents' );
                                                                              //alert("Updated Successfully");
                                                                          },
                                                  error: function(json)   {   //refresh calendar on error
                                                                          $('#calendar').fullCalendar( 'refetchEvents' );
                                                                              //alert("Updated Successfully");
                                                                          },
                                                  statusCode: {404: function() {alert( "update_events.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
                                                  });
                                          //Post parameters tot api NAV
                                          $.ajax({
                                                  url: 'navapi.php',
                                                  data: 'title='+ event.title+'&amp;start='+ start +'&amp;end='+ end +'&amp;id='+ event.id ,
                                                  type: "GET",
                                                  //datatype: "json",
                                                  statusCode: {404: function() {alert( "navapi.php niet gevonden. De wijziging wordt niet opgeslagen." )}},
                                                  beforeSend: function (xhr) { 
                                                                              xhr.setRequestHeader('Authorization', make_base_auth(username, password)); 
                                                                              },
                                                  });         
                                          },      
              }); //hier stopt the full cal
  
  
  
  
  
              $(".fc-time-grid-event fc-event fc-start fc-end fc-draggable fc-resizable").css("font-size", "2em");
              $(".fc-event-container").css("font-size", "2em");
  
  
          // afhankelijk van het gebruikte device
          /*
              if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
                  $('#calendar').fullCalendar('changeView', 'agendaDay');
                  $('#calendar').fullCalendar('option', 'aspectRatio', 0.85); //aanpassing aspect ratio
                  //$("h1").css("color", "rgb(224, 68, 80)"); //debug info verander kleur van titel
  
                  //$(".fc-centre ").css("font-size", "1.40em");
                  //$('body .fc ').css('font-size', '3em');
                  //$('.fc-event-content, .fc-event-time').css('font-size', '1.85em');
  
  
                  $(".fc-event").css("font-size", "2em");
                  };
              */
  
      });
  
  &lt;/script&gt;
  &lt;style&gt;
  
      body {
          margin: 40px 10px;
          padding: 0;
          font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
          font-size: 14px;
      }
  
      #calendar {
          max-width: 900px;
          margin: 0 auto;
      }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h3&gt;&lt;a href="logout.php"&gt;Logout here&lt;/a&gt; &lt;/h3&gt;
  
  
  &lt;?php
      //echo "DEBUG INFO &lt;br&gt;";
      //echo $_SESSION['email']." dit is een email van de ingelogde gebruiker &lt;br&gt;";
      //echo $_SESSION['resource']." = resource ID &lt;br&gt;";
  ?&gt;
  
  
  
  &lt;div id='Header'&gt;
      &lt;h1&gt;&lt;?php echo "welkom " . $_SESSION['name']?&gt;&lt;/h1&gt;&lt;br&gt;
  &lt;/div&gt;
  
  
  &lt;div id='calendar'&gt;&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can someone see what I do wrong?</p>
  
  <p>Kind regards,</p>
  
  <p>Tim</p>