title: Plotly-Dash : Linking external / local CSS
body: <p>I am trying to link an external/local CSS, however, it doesn't seem to be linked.</p>
  <p>I followed the example in this link: <a href="https://dash.plot.ly/external-resources" rel="nofollow noreferrer">https://dash.plot.ly/external-resources</a></p>
  <p>app.py</p>
  <pre><code>
  external_stylesheets = [
      dbc.themes.SLATE,
      {
          'href': 'custom.css',
          'rel': 'stylesheet',
      }
  ]
  
  app = dash.Dash(
              meta_tags=[
                  {&quot;name&quot;: &quot;viewport&quot;, &quot;content&quot;: &quot;width=device-width, initial-scale=1&quot;}
              ],
              external_stylesheets=external_stylesheets,
        )
  
  </code></pre>
  <p>when I load the app, the <code>custom.css</code> from <code>/assets</code> folder is empty.</p>
  <p>custom.css</p>
  <pre><code>.tabs {
    background-color: #444,
    color: #adb5bd,
    verticalAlign: middle,
    font-size: 0.9375rem
  }
  
  .map-style {
    padding: 11% 0px 0px 5px;
  }
  
  .prop-style {
    padding: 0% 0px 0px 2em;
  }
  
  .price-style {
    padding: 5% 0px 0px 0.4em;
  }
  
  .market-style {
    padding: 5% 0px 0px 0.4em;
  }
  
  .date-picker-range {
    width: 300px;
  }
  </code></pre>
  <p>I have also tried <code>/assets/custom.css</code> and it still doesn't work. My questions, how do you link a local css with <code>dash-bootstrap-component</code> style.</p>