#Xcalendar { margin: 0 auto; } .responsive .art-postcontent .fc-view table { display: table; width: 100%; } .responsive span.fc-event-title { font-size: 10px; line-height: 160%; } table.fc-header { width: 100% !important; display: table !important; } #art-main .fc-event { max-height: 60px !important; overflow: hidden; } var calendar; $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); calendar = $('#calendar').fullCalendar({ theme: true, titleFormat: { month: 'MMMM yyyy' }, dayNamesShort: , dayNames: , monthNames: , monthNamesShort: , buttonText: { today: 'hoy'}, firstDay: 1, titleFormat: { month: 'MMMM yyyy', week: d MMMM { '—' MMMM yyyy}, day: dddd, d 'de' MMMM 'de' yyyy }, allDayText: 'sin hora', timeFormat: 'H:mm', allDayDefault: true, defaultView: 'month', header: { left: 'today', center: 'title', right: 'prev,next ' }, events: https://www.factinet.com/getEventsCalendar.php?id=336, eventClick: function(calEvent, jsEvent, view) { //alert('Event: ' + calEvent.title); //alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY); //alert('View: ' + view.name); if (calEvent.href != '') location.href = calEvent.href; // change the border color just for fun //$(this).css('border-color', 'red'); }, eventAfterRender: function(calEvent, element, view) { if (calEvent.href != '') $(element).click(function(){ location.href = calEvent.href; }); } }); });