For those interested, I specifically added this code to my comments.php:
Code:
<div class="altcommentlogin" id="comment-user-details"> <!--added for Facebook Connect and Twitter Connect-->
<?php do_action('alt_comment_login'); ?> <!--added for Facebook Connect and Twitter Connect-->
</div><!--added for Facebook Connect and Twitter Connect-->
Note the new style class? I found that the buttons did not appear flush to the left of the name, email, url textboxes when rendered on the page. I also found that the facebook image had an underline appear when my mouse hovered over it (because I have a site-wide style that links underline red when you point to them). Only the facebook image had an underline appear through it (not in it, but through it), while the twitter image did not. This is because, under close inspection, the twitter button is an image, the facebook "image" is really a text link inside a fancy colored box of code.
At any rate, to have control over these, and to locally eliminate the link underline for that button only, I created that new style class, which I put in
ATO>Add HTML/CSS Inserts>CSS Inserts. The code I used is:
Code:
div.altcommentlogin {
margin: 2px;
}
div.altcommentlogin a:hover{ /*special class to stop underlining of links whilst hovering*/
text-decoration: none;
font-style: normal;
}
Finally, I copied and pasted my comments.php into a local computer file for backup.