title: Modifying the CSS styling of the panelbar arrow icon in Kendo UI
body: <p>Is there any way I can change the arrow icon color in the Kendo Panelbar widget? I have changed the colors of the elements within the panelbar and the arrows need more contrast. I need them to be white instead of dark grey. I have used google developer tools and I think I have isolated the css. I tried to style it like below:</p>
  
  <pre><code>.k-icon.k-i-arrow-s.k-panelbar-expand {color:#FFF!important;}
  </code></pre>
  
  <p>I'm not a big fan of using !important, but with Kendo it seems to be the way to go, lest I put the styles inline in the index.html file.</p>
  
  <p>Anyway, it is not changing the colour of the arrow icons on the panelbar. Does anyone have any suggestions?</p>
  
  <p>UPDATE:
  Ok, I have just been informed that I'm trying to style an image file with css which is not going to get me anywhere. But I can't find the offending icon file.</p>