9

bootstrap3 looks like there is a compatibility issue with the sharethis app widgets... images looked cropped due to the use of

{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } see demo http://gurroladesign.com/bootstrap3/

compatibily issue not existant on previous version of bootstrap http://gurroladesign.com/bootstrap/starter-template.html

have not been able to solve? any help greatly appreciated

Bass Jobsen
  • 48,736
  • 16
  • 143
  • 224
George Gurrola
  • 103
  • 1
  • 5

1 Answers1

13

Wrap your code (span tags) in a container and reset css box-sizing property to content-box of this spans (see also: Right border of the AddThis counter missing with Twitter's Bootstrap 3):

your html:

<div id="sharethis">    
  <span class='st_sharethis_hcount' displayText='ShareThis'></span>
  <span class='st_facebook_hcount' displayText='Facebook'></span>
  <span class='st_twitter_hcount' displayText='Tweet'></span>
  <span class='st_linkedin_hcount' displayText='LinkedIn'></span>
  <span class='st_pinterest_hcount' displayText='Pinterest'></span>
  <span class='st_email_hcount' displayText='Email'></span>
</div>

css (add after the Bootstrap CSS):

#sharethis span
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
Community
  • 1
  • 1
Bass Jobsen
  • 48,736
  • 16
  • 143
  • 224
  • 1
    share this changes there widget... you cant add html via the widget ui in wordpress, gonna have to modiy the core files... or simple fix it might work 'code' p span { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} – George Gurrola Oct 17 '13 at 03:39
  • to modify core files... share-this/sharethis.php... return $content.'

    '.st_makeEntries().'

    ';     – George Gurrola Oct 18 '13 at 19:50
  • 3
    This solution doesn't work for "Sharing buttons with vertical counters" because the bubble remains unaffected. You have to use a wider selector like `#sharethis *`. It's not elegant bu it worked for me. – Marco Panichi Jul 29 '14 at 11:42