title: css - background image instead of icon font
body: <p>As of now my button uses icon font. I would like to remove icon font, use image instead.</p>
  
  <p>This is how my code looks like</p>
  
  <pre><code>.zocial::before {
  content: "";
  /* some code goes here */
  }
  .zocial.plus::before {
  content: "p";
  }
  </code></pre>
  
  <p>I have created a jsfiddle to show you demo. <a href="http://jsfiddle.net/Viruthagiri/gF6ys/9/" rel="nofollow">Click here to view it</a></p>
  
  <p>As you can see, the button now has both icon font (which is p) and search icon.</p>
  
  <p>Now I would like to remove that "p" character and move the search icon there.</p>
  
  <p>I would appreciate your help very much.</p>
  
  <p>Thanks</p>