title: Slick Carousel integration is not working properly
body: <p>I have looked through the other answers regarding the Slik Carousel and I cant seem to resolve my issue. As advised in other answers I have attempted to use the CDN hosted js and css files in my  and   But It still did not work. I followed the instructions on <a href="http://kenwheeler.github.io/slick/" rel="nofollow">http://kenwheeler.github.io/slick/</a>  to the best of my ability but I am not getting it to work quite right. I am really not so great at Javascript so any input from your guys and gals is greatly appreciated. Here is my code right now. </p>
  
  <pre><code> &lt;div class="featured-areas responsive"&gt;
   &lt;div&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/&gt;&lt;/a&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;h3 style="text-align:center;"&gt;Lake Oswego Homes for Sale&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/&gt;&lt;/a&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;h3 style="text-align:center;"&gt;Lake Oswego Homes for Sale&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/&gt;&lt;/a&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;h3 style="text-align:center;"&gt;Lake Oswego Homes for Sale&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/&gt;&lt;/a&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;h3 style="text-align:center;"&gt;Lake Oswego Homes for Sale&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/&gt;&lt;/a&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;h3 style="text-align:center;"&gt;Lake Oswego Homes for Sale&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;
    &lt;div&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;img src="/wp-content/uploads/2015/09/lakeoswegojpg.jpg"/&gt;&lt;/a&gt;&lt;a href="/lake-oswego-or-homes-for-sale"&gt;&lt;h3 style="text-align:center;"&gt;Lake Oswego Homes for Sale&lt;/h3&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;$('.responsive').slick({
    dots: true,
    infinite: false,
    speed: 300,
    slidesToShow: 4,
    slidesToScroll: 4,
    responsive: [
      {
        breakpoint: 1024,
        settings: {
          slidesToShow: 3,
          slidesToScroll: 3,
          infinite: true,
          dots: true
        }
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
      // You can unslick at a given breakpoint now by adding:
      // settings: "unslick"
      // instead of a settings object
    ]
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The site can be viewed on a test url as the nameservers are not pointed yet. I appreciate this help as it is going to be an excellent education for me to be able to bring to my clients. </p>
  
  <p>it appears that the temp link is not working and the site used to generate the links is not working either. To view the site add the line to the hosts file: 108.178.13.98 findlakeoswegohomes.com</p>
  
  <p>in the wp-head.php file:</p>
  
  <pre><code>   &lt;?php
  
  // =============================================================================
  // VIEWS/INTEGRITY/WP-HEADER.PHP
  // -----------------------------------------------------------------------------
  // Header output for Integrity.
  // =============================================================================
  
  ?&gt;
  
  &lt;?php x_get_view( 'global', '_header' ); ?&gt;
  
    &lt;?php x_get_view( 'global', '_slider-above' ); ?&gt;
  
    &lt;header class="&lt;?php x_masthead_class(); ?&gt;" role="banner"&gt;
      &lt;?php x_get_view( 'global', '_topbar' ); ?&gt;
      &lt;?php x_get_view( 'global', '_navbar' ); ?&gt;
      &lt;?php x_get_view( 'integrity', '_breadcrumbs' ); ?&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.css"/&gt;
    &lt;/header&gt;
  
    &lt;?php x_get_view( 'global', '_slider-below' ); ?&gt;
    &lt;?php x_get_view( 'integrity', '_landmark-header' ); ?&gt;
  </code></pre>
  
  <p>then in the footer.php file:</p>
  
  <pre><code>&lt;?php
  
  // =============================================================================
  // VIEWS/GLOBAL/_FOOTER.PHP
  // -----------------------------------------------------------------------------
  // Includes the wp_footer() hook and closes out the &lt;body&gt; and &lt;html&gt; tags.
  // =============================================================================
  
  ?&gt;
  
    &lt;?php do_action( 'x_before_site_end' ); ?&gt;
  
    &lt;/div&gt; &lt;!-- END #top.site --&gt;
  
    &lt;?php do_action( 'x_after_site_end' ); ?&gt;
  
  &lt;?php wp_footer(); ?&gt;
  &lt;script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.4.1/slick.min.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I did actually load the css and the js files into a folder on the server called "slick"  and linked the stylesheet and js that way but it didnt work so I thought I would try the CDN version of the files to check to see if that was the error. </p>