title: How do I vertically align and customize slider arrows
body: <p>I have add css to stylize the previous and next arrows for <code>.customer-logos</code> , however the standard button style still shows under the added css? How do I fix this issue and align the buttons to be on either side of the slider not above and below?</p>
  
  <p><a href="https://jsfiddle.net/huten0wq/46/" rel="nofollow noreferrer">https://jsfiddle.net/huten0wq/46/</a></p>
  
  <pre><code>.slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 40px; line-height: 1; color: gray; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   
  
  .slick-prev:before { content: "\f053"; }
  [dir="rtl"] .slick-prev:before { content: "\f054"; }
  
  [dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
  .slick-next:before { content: "\f054"; }
  [dir="rtl"] .slick-next:before { content: "\f053"; }
  </code></pre>