CSS Styles for Rendering Social Icons
/**
* Load FontAwesome if your theme isn't already doing it.
*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
/**
* Style and position the list.
*/
.social-icons {
top: 0;
right: 0;
margin: 0;
padding: 0;
list-style: none;
text-align: right;
margin: 10px auto;
max-width: 1174px;
}
/**
* Style the list items.
*/
.social-icons li {
padding: 0;
display: inline-block;
font-size: 30px;
}
/**
* Override the colors of the FontAwesome icons to be appropriate for the
* social network.
*/
.social-icons li .fa-facebook-square { color: #3e5b98; }
.social-icons li .fa-twitter-square { color: #4da7de; }