ShareThis Forums

ShareThis Forums » The ShareThis WordPress Plugin

1. lewong
   Member

   I'd like to us ShareThis on my blog, but I am getting the "text over icon" I've seen in a few forum posts.

   I tried this in my stylesheet (http://www.lesliewong.us/blog/wp-content/themes/rhea/style.css):

   .stbuttontext:{
   margin-left: 17px;
   }

   and also:

   .stbuttontext:{
   padding:17pt;
   }

   but it didn't work.

   If I change the line in http://w.sharethis.com/widget/1.18/sharethis.css to margin-left:17px (with the Firefox extension Firebug), it looks OK.

   Do you think it is an incompatibility with WordPress 2.5.1?

   Posted 5 months ago #

2. Jeremy
   Member

   Hiya,

   Honestly, I'd be surprised if it's a compatibility issue with 2.5.1. Do you see any change at all when you add margin or padding to .stbuttontext?

   I've done the same Firebug trick with your site and I got a good spacing with margin-left:20px;. I've placed the CSS block at the top of your stylesheet.

   Posted 5 months ago #

3. lewong
   Member

   Jeremy, thanks, I have:

   .stbuttontext:{
   margin-left:20px;
   }

   at the top of my stylesheet and it doesn't seem to work.

   The .stbuttontext I can edit in Firebug is in the sharethis.css on the sharethis.com server, not in my style.css. When I do that, it inserts the margin correctly and it looks OK. Is there some way to get it to ignore the sharethis.css?

   A screenshot of the Firebug window <http://www.lesliewong.us/images/0805/sharethis.jpg>, where you can see the .stbuttontext property is in the sharethis.css stylesheet in the upper right corner.

   Posted 5 months ago #

4. ShareThisSupport
   Key Master

   Ah, there's a ":" next the .stbuttontext that shouldn't be there. Delete that and you should have your fix.

   -Jeremy

   Posted 5 months ago #

5. lewong
   Member

   Thank you very much for your help; that fixed it.

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.