Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Custom Share/Send/Social Media buttons WordPress


Example page: [[LINK href=""]][[/LINK]] - scroll down and click on Share and Send.

Goal: customized/more control share buttons

Current status: Functionality is fine but style isn't because they're not lining up correctly.

Potential Resolution: Maybe it's just a simple CSS fix. Maybe something else.

Answers (2)


Luis Cordova answers:

for this just add a css line:

div#share {
vertical-align: middle !important;

so to override the vertical-align: baseline; given to this div

<div id="share"> <---- which currently is baseline

Clifford P comments:

So keep them in a single-row table?

Luis Cordova comments:


you don't touch the html,

you will just add 1 line to the css styling sheet as i said above, very simple

if you don't know how to do it i can help you, send me a private message.


Clifford P comments:

I figured no tables (the HTML I already had in there), so I removed the table tags.

Here's the table-less HTML:

<div id="share">
<a class="sharer" href="<?php the_permalink() ?>&t=<?php the_title(); ?>" target="_blank"><span class="sharetext">Send</span></a>
<div id="fb-root" style="display:inline; width:5px;"></div><script src=";xfbml=1"></script><fb:like href="<?php the_permalink() ?>" send="false" layout="button_count" width="5" show_faces="false" font="verdana"></fb:like>
<a class="twitter-share-button" href="" data-text="<?php the_title(); ?>" data-url="<?php echo ShareAndFollow::shortenURL(get_permalink($post->ID), $post->ID) ?>" data-counturl="<?php the_permalink() ?>" data-count="none" data-via="TourKick">Tweet</a><script type="text/javascript" src=""></script>
<div class="g-plusone" data-annotation="inline" data-width="120"></div>

I added this to the end of the style.css:

div#share {
vertical-align: middle !important;

And I attached a screenshot of how it looks in IE9, highlighting how they're not all aligned on the bottom.

So not fixed, but I'm REALLY hopeful someone can get this right. Thanks!