title: How do I change the style used in an NPM package?
body: <p>This might be a stupid or wrong question but what is the scope of an NPM package's default styling? If I'm using an NPM package but want to modify the color of one of their displays how do I got about doing that?</p>
  <p>In my own index.css file <em>and</em> in the package's css file I've changed a background color of one of the divs. It works in my local environment but not in deployment-- it reverts back to the default.</p>
  <p>In my index.css file:</p>
  <pre><code>.react-slideshow-container + div.indicators &gt; .each-slideshow-indicator {
    width: 7px;
    height: 7px;
    margin: 0 5px 10px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
  }
  </code></pre>
  <p>In my node-modules/react-slideshow-image/components/general.css file:</p>
  <pre><code>.react-slideshow-container + div.indicators &gt; .each-slideshow-indicator {
    width: 7px;
    height: 7px;
    margin: 0 5px 10px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
  }
  </code></pre>