title: CSS/HTML: how to have custom arrows on fullpage JS?
body: <p>I am using fullpageJS <a href="https://github.com/alvarotrigo/fullPage.js/" rel="nofollow noreferrer">https://github.com/alvarotrigo/fullPage.js/</a> to make my website.
  However when trying to change the arrow style:</p>
  <pre class="lang-css prettyprint-override"><code>.controlArrow.prev {
      left: 50px;
      background: url(left.png);
      background-repeat: no-repeat;
  }
      
  .controlArrow.next {
      right: 50px;
  }
  </code></pre>
  <p>It doesn't work, can anyone explain why?</p>
  <p>Or, is there a way to add custom arrows html markup?</p>