title: How to fix the issue CSS is not reflecting on Iframe of Air-Table?
body: <p>I am trying to add CSS property inside the Air-Table iframe but CSS didn't reflect.</p>
  <blockquote>
  <p>Code</p>
  </blockquote>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
      &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;iframe class=&quot;airtable-embed&quot; id=&quot;calender&quot; src=&quot;https://airtable.com/embed/shriqTxajodBzOTYb?backgroundColor=teal&amp;viewControls=on&quot; frameborder=&quot;0&quot; onmousewheel=&quot;&quot; width=&quot;100%&quot; height=&quot;533&quot; style=&quot;background: transparent; border: 1px solid #ccc;&quot;&gt;&lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  &lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function () {
      $('#calender').on('load', function() {
          $(&quot;iframe&quot;).contents().find(&quot;#embedBottomBarContainer&quot;).css(&quot;display&quot;, &quot;none&quot;);
      }); 
  });
  &lt;/script&gt;
  </code></pre>