title: replacing menu item with icon in Wordpress
body: <p>I have a menu which is controlled through Wordpress admin, and I want to create one of the links to use a font-awesome icon. I know how to add a custom css to the menu item, but not sure how to make it show an icon instead of a text name (in the Navigation Label)</p>
  
  <p>EDIT - </p>
  
  <p><a href="https://i.stack.imgur.com/mANU9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mANU9.png" alt="enter image description here"></a></p>
  
  <p>I have a class .login with</p>
  
  <pre><code>.login {
    font-family: 'fontawesome';
    display: block;
    content: '\f077';
  }
  </code></pre>
  
  <p>but nothing shows</p>