title: How to make a owl carousel with arrows instead of next previous
body: <p>Yesterday I presented a website to a customer. I always use Owl carousel since it's responsive. The client, however, hated the previous, next words, and wanted to change them to arrows. </p>
  
  <p>So hence I updated my script. js file. It was very easy to do and I wanted to share it. </p>
  
  <pre><code>$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
      nav:true,
      responsive:{
       ...
   })
   $( ".owl-prev").html('&lt;i class="fa fa-chevron-left"&gt;&lt;/i&gt;');
   $( ".owl-next").html('&lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;');
  }); 
  </code></pre>
  
  <p>Well there you have it. You can always add more styling. (First time I use an answer to your own question hope this is the right place/way)</p>