ShareThis Forums » Publishers

ShareThis Icon Clipped by Safari

(18 posts)
  • Started 10 months ago by macmanx
  • Latest reply from nycbone

  1. 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.

    Posted 10 months ago #
  2. 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!

    Posted 10 months ago #
  3. Thanks for responding! I have sent five screen shots to your email address.

    Posted 10 months ago #
  4. Thanks! We're on it!

    Posted 10 months ago #
  5. 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?

    Posted 9 months ago #
  6. We apologize. No progress yet, unfortunately; but we're still digging. Thanks for you patience.

    Posted 9 months ago #
  7. 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.

    Posted 9 months ago #
  8. Thanks! The temporary CSS solution did not work, but I'm still looking forward to the official solution in the next release.

    Posted 9 months ago #
  9. We've released the global fix for this issue. Was this corrected for you?

    Posted 8 months ago #
  10. Hm, the icon now appears properly in the ShareThis blog and FAQ articles, but it's still clipped on my blog. I've tried all of the CSS modifications that I can think of, and I'm now at a loss for what to do. Do you have any suggestions?

    Posted 8 months ago #
  11. I just installed today and the icon seems to be still clipped.
    http://www.68classifieds.com/blog/

    Posted 8 months ago #
  12. Yes, this still appears to be a problem. Any help would be greatly appreciated.

    Thanks in advance!

    Posted 8 months ago #
  13. 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!

    Posted 8 months ago #
  14. 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.

    Posted 7 months ago #
  15. 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?

    Posted 7 months ago #
  16. 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.

    Posted 7 months ago #
  17. Thank you! Please let me know if you need any assistance from my end.

    Posted 7 months ago #
  18. I got the whole button to show using this CSS
    .stbutton {
    display: block;
    float: left;
    clear: none;
    }

    Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.