title: How to add a class to the 'a' element in php markup
body: <p>I'm struggling with something pretty simple here and wondered if someone can help as I only have a basic knowledge of code.</p>
  
  <p>I've purchased a wordpress theme and am making some changes. I'd like to set individual colours for the social media icons. In order to do this, this is the advice from the theme developer:</p>
  
  <p>To change the color individually, you need to add a class to the "a" element in the markup. In 'widget-social.php' the section between the line 64 and the line 139. Add a class ("facebook", "twitter", etc) to each element and use something like:</p>
  
  <pre><code>html .lol-social-widget li a.facebook {
  background-color: #fff;
  color: #000;
  }
  </code></pre>
  
  <p>Here's the code from the widget-social.php:</p>
  
  <pre><code>&lt;div class="lol-social-widget"&gt;            
  &lt;ul&gt;
  &lt;?php if ( $facebook != '' ) : ?&gt;
  &lt;li&gt;&lt;a href="&lt;?php echo esc_url( $facebook ); ?&gt;" &lt;?php echo $target; ?&gt;&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;?php endif; ?&gt;
  &lt;?php if ( $twitter != '' ) : ?&gt;
  &lt;li&gt;&lt;a href="&lt;?php echo esc_url( $twitter ); ?&gt;" &lt;?php echo $target; ?&gt;&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;?php endif; ?&gt;
  </code></pre>
  
  <p>I've included just the facebook and twitter elements here.</p>
  
  <p>Is anyone able to offer advice as to how I modify the php file to include the 'a' element?</p>
  
  <p>Thanks in advance for any help!</p>