epaper/modules/e_paper/_latest_slider_aside.html.erb

<div class="latest_slider" data-list="categories" data-level="0">
  <div class="banner-Container owl-carousel owl-theme" data-list="topics" data-level="1">
      <div class="item">
      <h3>{{category_title}}</h3>
    <div>
      <a href="{{link_to_show}}">
          <h4>{{title}}</h4>
          <img src="{{img_url_thumb}}" alt="{{title}}">
          <div class='epaper-description'>{{description}}</div>
      </a>
    </div>
    </div>
  </div>
</div>

<script>
$(".owl-carousel").owlCarousel({
  loop: true,
  center: true,
  items: 1,
  autoplay: true,
  autoplayHoverPause: true,
  responsiveClass:true,
  responsive:{
    600:{
        items: 1,
        nav:false
    }
  }
});
  $(function(){
  var len = 50; 
  $(".latest_slider .epaper-description").each(function(i){
      if($(this).text().length>len){
          $(this).attr("title",$(this).text());
          var text= $(this).text().substring(0,len-1)+" ...";
          $(this).text(text);
      }
  });
});
</script>