title: Removing outer borders of calendar from FullCalendar v5
body: <p>I've been trying to remove the outer borders of my calendar, however the best I've managed is to get all the borders removed (or just horizontal/vertical borders removed).  I only need the outer borders gone (the picture shows what I need gone; the bottom of the calendar isn't in the screenshot <a href="https://i.stack.imgur.com/hXAYP.png" rel="nofollow noreferrer">https://i.stack.imgur.com/hXAYP.png</a>). So far, I've spent a long in chrome dev tools trying to figure out exactly where I can do this, but I cannot seem to find a solution.</p>
  <p>For reference, I'm using a css file to override the fullcalendar css. I don't think my code is necessary, as I can't even find the right element that would only remove the outer borders.  I am using <code>border-style: none !important;</code> I have tried <code>border: 0px !important;</code> as well.</p>
  <p>The element I am looking for is probably in the cdn for the css aspect of fullcalendarv5: <a href="https://cdn.jsdelivr.net/npm/fullcalendar@5.1.0/main.css" rel="nofollow noreferrer">https://cdn.jsdelivr.net/npm/fullcalendar@5.1.0/main.css</a></p>
  <p><strong>EDIT: Code</strong></p>
  <p>cal.html sample:</p>
  <pre><code> &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/fullcalendar@5.1.0/main.css&quot;&gt;
  &lt;!--&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/fullcalendar@5.1.0/main.min.css&quot;&gt; --&gt;
  &lt;script src=&quot;https://cdn.jsdelivr.net/npm/fullcalendar@5.1.0/main.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;script&gt;
    document.addEventListener('DOMContentLoaded', function() {
      var calendarEl = document.getElementById('calendar');
      var calendar = new FullCalendar.Calendar(calendarEl, {
        initialView: 'timeGridWeek',
        events: '/event_view/',
        headerToolbar: {
          left: 'dayGridMonth,timeGridWeek,timeGridDay, listWeek',
        },
        height:'97vh',
  
      });
      calendar.render();
    });
  &lt;/script&gt;
  
  {% load static %}  
  &lt;link rel=&quot;stylesheet&quot; href=&quot;{% static 'calendar_app/cal.css' %}&quot; type=&quot;text/css&quot;&gt;
  
  &lt;!-- Event making stuff; not relevant--&gt;
  &lt;div class=&quot;content-calendar&quot; id=&quot;content&quot;, name=&quot;content-calendar&quot;&gt;
    &lt;div id='calendar'&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>cal.css sample:</p>
  <pre><code>.fc {
  color: green;
  }
  ./*THE ELEMENT I CURRENTLY CANNOT FIND WOULD GO HERE*/ {
  border-style: none !important;
  }
  </code></pre>