ShareThis Button Cut Off Fix
I have seen a lot of sites using the ShareThis button (including a few of mine) where the button in Safari was getting cut off (clipped) at the bottom. If this is happening to you – there is a quickfix. Add this line of CSS to your stylesheet and your button will no longer be cut off.
.stbutton {display:block;height:16px;}
10 thoughts on “ShareThis Button Cut Off Fix”
Leave a Reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Thank You!
Glad I could help!
yes. truly. thank you. was going a little nuts on that one.
Did not worked for me (WP 3.7.1). This instead worked out 🙂
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices {
height: 22px !important;
line-height: 20px;
}
thank you
This works also for google and twitter buttons:
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stButton_gradient {
height: 22px !important;
line-height: 20px;
}
I got the social icons fully showing up now, but the bubble icons with the numbers beside each social icons are still cut off. How to fix this? thanks
Here is a global fix (From Jack N at AB Design) ;):
.stButton * {
box-sizing: content-box;
}
thank u man.. my problem is solved..
thank you! was working on this for hours!