title: I can't change font awesome's style
body: <p>I downloaded a web site template from this <a href="http://www.free-css.com/free-css-templates/page202/boss" rel="nofollow">link</a>. How can I change the icon's style in the navigation menu of the index.html page?</p>
  
  <pre><code>&lt;i class="fa fa-home" style="color:black; font-size:48px"&gt;&lt;/i&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>This didnt work</p>
  
  <p>So I introduced the style through a new class "fa-home-a"</p>
  
  <pre><code>.fa-home-a {
  color:black;
  }
  </code></pre>
  
  <p>and changed my html to this</p>
  
  <pre><code>&lt;i class="fa fa-home fa-home-a"&gt;&lt;/i&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>but this didnt work as either</p>