Изменения внешнего вида slick slider

$("#items-slide").slick({ 
  centerMode: true, 
  centerPadding: "60px" 
});

#items-slide { 
  margin: 20px auto; 
  width: 90%; 
} 
 
.slide { 
  font-family: "Arial", sans-serif; 
  background-color: #0950c1; 
  border: 4px solid #666; 
  text-align: center; 
  line-height: 100px; 
  font-weight: bold; 
  font-size: 26px; 
  height: 100px; 
  color: #fff; 
} 
 
.slick-slide:nth-child(even) .slide { 
  background-color: #5b9aff; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" rel="stylesheet" /> 
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css" rel="stylesheet" /> 
 
<div id="items-slide"> 
  <div class="slide">1</div> 
  <div class="slide">2</div> 
  <div class="slide">3</div> 
  <div class="slide">4</div> 
</div>