title: How to customize fullcalendar, a javascript event calendar?
body: <p>I am new to javascript and web developing.</p>
  
  <p>So, I used the fullcalendar library (<a href="https://fullcalendar.io/" rel="nofollow">https://fullcalendar.io/</a>) to make a calendar view, and I wonder if I am able to customize it myself.</p>
  
  <p>This is my Markup code:</p>
  
  <pre><code>&lt;div id="blueBackground"&gt;
      &lt;div class="container"&gt;
          &lt;div id='calendar'&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So, the "blueBackground" is for changing the entire webpage background to blue colour. The "container" class if for resizing the fullcalendar to a more appropiate view.</p>
  
  <p>This is the Javascript code:</p>
  
  <pre><code>$(document).ready(function () {
  
      // page is now ready, initialize the calendar...
      $('#calendar').fullCalendar({
          // put your options and callbacks here       
      })
  
  });
  </code></pre>
  
  <p>The javascript code is straight from the fullcalendar Usage page.(<a href="https://fullcalendar.io/docs/usage/" rel="nofollow">https://fullcalendar.io/docs/usage/</a>)</p>
  
  <p>So, how do I customize it? I am a complete newbie at javascript. I look around on the other questions similar to this but it bears no fruits. I can't make it work.</p>
  
  <p>Thank you in advance.</p>