title: How do I give a Font Awesome icon a background color?
body: <p>In the footer for this page <code>http://128.199.58.229/landingpage/</code></p>
  <p>I have some Font Awesome icons (social media icons).</p>
  <p>I'm trying to give them a white background just behind the icons themselves. The white background currently sticks out. I've read some posts on using a combination of width, height and border radius to achieve this, but currently no success.</p>
  <pre><code>.lt-bus-info .fa {
  background-color: white;
  border-radius: 50%;
  }
  </code></pre>
  <p>Here's a jsfiddle: <a href="http://jsfiddle.net/magician11/nfz9sucn/1/" rel="nofollow noreferrer">http://jsfiddle.net/magician11/nfz9sucn/1/</a></p>
  <p>I'm looking for just the white behind the symbol: <a href="https://dl.dropboxusercontent.com/u/14057353/Screen%20Shot%202014-12-03%20at%204.01.18%20pm.png" rel="nofollow noreferrer">https://dl.dropboxusercontent.com/u/14057353/Screen%20Shot%202014-12-03%20at%204.01.18%20pm.png</a></p>
  <p>Anyone know how to fix this?
  Thanks.</p>