title: Primefaces customize rowEditor with theme icon
body: <p><br></p>
  
  <p>i would like to customize the <code>p:rowEditor</code> icons (pencil, etc.) with those provided by any Primefaces theme like Sentinel (see here: [<a href="https://www.primefaces.org/eos/sentinel/font-icons.xhtml][1]" rel="nofollow noreferrer">https://www.primefaces.org/eos/sentinel/font-icons.xhtml][1]</a>)</p>
  
  <p>I edited my custom CSS file and I tried to overwrite row editor classes copying CSS elements used into Sentinel theme CSS file, so the result is the following :</p>
  
  <pre><code>.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil
  {
    background: none !important;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
  
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
  
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
  
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
  
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
  }
  
  .ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
      content: '\e851';
  }
  </code></pre>
  
  <p>No chance to get it working. I see all blank. Maybe do i need to adjust any position attribute?
  Any suggestion?
  Thanks!</p>