.itemSocialSharing.vertical-sharing .itemFacebookButton { position: relative; left: -4px; }
Custom.css as always.
Now for the icon part. Disquss is messing up the HTML code. It reopens an <a> element which causes this.
The way the module is designed does not allow a link inside the comments because they are placed inside the image block. (Link in a link is not allowed).
You need to comment out lines 52 - 70 in the templates/html/mod_k2_content/hero/default.php file.
Finally locate (around line 93 in the original file )
the following block
<?php if(!empty($item->event->K2CommentsCounter)): ?>
<!-- K2 Plugins: K2CommentsCounter -->
<?php echo $item->event->K2CommentsCounter; ?>
<?php else: ?>
For further SocialConnect issues (that are not related to the template) you will have to open a ticket at JW's help desk.
and change it to
<?php if(!empty($item->event->K2CommentsCounter)): ?>
<!-- K2 Plugins: K2CommentsCounter -->
<i class="icon glyph-conversation"></i>
<?php echo $item->event->K2CommentsCounter; ?>
<?php else: ?>