Safari appears to be clipping the bottom of the ShareThis icon, just below the link text. This issue affects both the standard and rotating icons and can be seen with Safari 3.0 on most sites using the new ShareThis, including my blog, the ShareThis blog, and all FAQ articles.
If Safari isn't available for you to test with, you can use BrowsrCamp to generate screenshots of the affected sites.
The icon appears properly with Camino and Firefox.
Please let me know if you need any more information.
Hello,
We test on Safari, but are unable to reproduce the error. Could you possibly send a screen shot to feedback@sharethis.com so we may see it?
Thanks for bringing this to our attention and we greatly appreciate the feedback!
Thanks for responding! I have sent five screen shots to your email address.
Thanks! We're on it!
Sorry to be such a pest, but have their been any new developments regarding this bug? Is there anything else that I can do to help?
We apologize. No progress yet, unfortunately; but we're still digging. Thanks for you patience.
Hello,
We've got to the root of this problem and will solve this on our end on the next update. Until the next release, adding the following CSS block to your blog's style.css should solve this issue:
.stbuttontext {
line-height: 17px;
}
Thanks for your patience and for the valuable feedback. We will get this is resolved as soon as possible.
Thanks! The temporary CSS solution did not work, but I'm still looking forward to the official solution in the next release.
We've released the global fix for this issue. Was this corrected for you?
I just installed today and the icon seems to be still clipped.
http://www.68classifieds.com/blog/
Yes, this still appears to be a problem. Any help would be greatly appreciated.
Thanks in advance!
I was hoping that this would be fixed by upgrading to Safari 3.1, but it looks like there was no change.
I was able to make the lower portion of the ShareThis icon slightly more visible on Safari by increasing the bottom padding of a.stbutton to 10px, but this of course threw the icon out of alignment on both Safari and Firefox, so I wouldn't consider that a solution.
Any help would be greatly appreciated. Thanks in advance!
I finally fixed it thanks to Safari 3.1 and its new Web Inspector!
Back when I was using ShareThis Classic, I enclosed the template tag in a span so that I could use my stylesheet to apply float: right; to the link. When I upgraded to the current release of ShareThis, I figured there was no harm in keeping the span, so I had this:
<span class="sharelink"><?php if (function_exists('sharethis_button')) { sharethis_button(); } ?></span>
What I didn't realize is that javascript for the new ShareThis generates its own span around the link, so I had a span within a span, which appeared to be causing the constraint when viewed in Safari.
The solution was to remove the original enclosing span, leaving me with just the template tag, and to use my stylesheet to apply float: right; to a.stbutton .
I hope this helps anyone else experiencing the same issue!
Update: Never mind, this is not a solution. See below.
Never mind, that won't work for me at all. I have the icon displayed in various location depending on which page you're viewing, which I why I used the span to begin with. Worse yet, the previous solution had nothing to do with the span element.
As long as I have float: right;applied to a.stbutton, it displays right on the main page, even if the template tag enclosed in the span as before! The problem is this screws up the rest of my theme!
I don't get it, and I'm tired of troubleshooting this on my own. ShareThis Classic does not have this problem, which tells me that the problem is with your code.
It's been a month since your last response, would you please look into this?
The problem is on our end, yes. We apologize for this bug in our current product, but we will have a resolution in time.
Thank you for your patience.
Thank you! Please let me know if you need any assistance from my end.
I got the whole button to show using this CSS
.stbutton {
display: block;
float: left;
clear: none;
}
You must log in to post.