title: CSS for 'Slick' Carousel jQuery plugin not affecting my DOM, despite being loaded
body: <p>I am using this jQuery plugin <code>https://github.com/kenwheeler/slick</code>, and the JS is working, but the DOM is not reflecting the CSS. The CSS, however, is loaded, because when I go into the dev tools and view the Sources, the file is there. When I inspect the elements, the classes are there, and the classes are also in the CSS, they're just not affecting the appearance of the HTML. Any idea what might be causing this?</p>
  
  <p>The CSS (<code>slick.css</code>) is saved in <code>vendor/stylesheets</code> and required in <code>application.css</code> using <code>*= require slick</code>.</p>
  
  <p>There are also fonts included in the plugin, and I'm not sure that I've included these correctly, but I'm not sure that it would make a difference.</p>
  
  <p>Any idea why this is happening?</p>
  
  <p>Mine looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/cRumx.png" alt="enter image description here"></p>
  
  <p>Instead of this:</p>
  
  <p><img src="https://i.stack.imgur.com/t0k67.png" alt="enter image description here"></p>
  
  <p>The sizing/colors/spacing is not translating from the CSS to the DOM, and I'm not sure why. Thanks in advance for any insight!</p>