CSS
.tsidesign_social {
margin: 0 !important;
padding: 0 !important;
}
.tsidesign_social .the_list_item{
margin: 0 !important;
width: 50% !important;
}
.tsidesign_social .the_list_item:hover .the_list_wrap{
filter: brightness(80%) !important;
-webkit-filter: brightness(80%) !important;
-moz-filter: brightness(80%) !important;
}
.tsidesign_social .item_1 .the_list_wrap{
background: #3B5998 !important;
}
.tsidesign_social .item_2 .the_list_wrap{
background: #00aced !important;
}
.tsidesign_social .the_list_item_image{
width: 10% !important;
margin: 0 auto !important;
}
JAVASCRIPT
<script>
jQuery(document).ready(function(){
jQuery('.tsidesign_social .item_1 .the_list_wrap').each(function() {
jQuery(this).wrap("<a href=‘facebookurl' target='_blank'/>");
});
});
</script>
<script>
jQuery(document).ready(function(){
jQuery('.tsidesign_social .item_2 .the_list_wrap').each(function() {
jQuery(this).wrap("<a href=’twitterurl' target='_blank'/>");
});
});
</script>
