Nexus Theme: Added Pinterest to Social Buttons

Created two 24×19 images of the Pinterest “P” one gray and one white (for hover).

Added the following code to Custom CSS

#et-social-icons {
width: 256px;
}
/* Sets the hover background color for the button */
#et-social-icons .pinterest a:hover { background: #cb2028; }
/* Sets the "normal" image */
#et-social-icons .pinterest .et-social-normal {
background: url(https://all-offroad.com/main/wp-content/uploads/2014/02/Pinterest.png) no-repeat 19px 22px;}
/* Sets the hover image */
#et-social-icons .pinterest .et-social-hover {
background: url("http://all-offroad.com/main/wp-content/uploads/2014/02/Pinterest-hover.png") no-repeat scroll 9px 20px; background-size: 30px; }

Added the following code to header.php, placed it between the RSS and G+ buttons:

<li class="pinterest">
<a href="http://www.pinterest.com/alloffroad/">
<span class="et-social-normal"><?php esc_html_e( 'Follow Us On Pinterest', 'Nexus' ); ?></span>
<span class="et-social-hover"></span>
</a>
</li>