Need To Add Space Between Share This and Sphere Icons

Find this in your css:

.sharethis
font-family:Helvetica Neue,Helvetica,Verdana,Arial,sans-serif;
font-size:14px;
text-decoration:none;
}

and change to this:

.sharethis
font-family:Helvetica Neue,Helvetica,Verdana,Arial,sans-serif;
font-size:14px;
text-decoration:none;
padding-bottom:5px;
}

You can change the padding to whatever you like best.
Hope that helps.

Thanks for the quick reply, but after looking “pretty” thoroughly, I could not find anything in my “FallSeason” theme CSS that matches :

.sharethis
font-family:Helvetica Neue,Helvetica,Verdana,Arial,sans-serif;
font-size:14px;
text-decoration:none;
}

I’ll keep looking until I get a reply – but i don’t see it.

Thanks!

Well, I think the reason you cant find it, is because the css is being called from this url:

https://w.sharethis.com/widget/1.10/default.css

weird. I thought I had what would be an easy fix. I am going to download the plugin and look at it, and hopefully figure it out.

It seems there are two versions of “Share This” one in widget form, which is what you are using, that does not allow you to control the css as far as I can tell.

The other is a localized plugin that does allow you to control the css.

I haven’t installed either of these, so I cant tell how different they are between each other.

I am sorry to say, that with your widget verion, I have no idea how to adjust the space due to the fact that you cant manually edit the css.

Sorry, I tried. Weird plugin…nice function, but the fact you cant edit the css bugs me.

Thank for looking into it Nalco. I suppose I will live another day. I’m just starting to get into the beautification stage for my blog, now that I understand most of the functionality of it. Sounds like there is no way around this issue unless I get rid of the existing plug-in and get the other one you were talking about, maybe later!

Take care.

Hello SantaClarita –

You are using the newest upgrade of the ShareThis plugin (2.0). We’re still working through some issues, but have been able to debug your situation. In looking at your theme/plugin, we have the following suggestion.

Find this block of code inside your sphere plugin: (which you can find by going to your WordPress Admin area, selecting Plugins, choosing Plugin Editor and then selecting the Sphere Related Content from the right side navigation list.)
A.iconsphere {
background: url(https://www.sphere.com/images/sphereicon.gif) top left no-repeat;
padding-left: 20px;
padding-bottom: 10px;
font-size: 10px;
white-space: nowrap;
}

Replace “padding-bottom: 10px” with “padding-bottom:5px” and add the following line:
line-height:20px;”.

so that the block now looks like this:
A.iconsphere {
background: url(https://www.sphere.com/images/sphereicon.gif) top left no-repeat;
padding-left: 20px;
padding-bottom: 5px;
line-height:20px;
font-size: 10px;
white-space: nowrap;
}

Please let us know if this does not work, as we do not have complete access to your exact code. We’d be happy to take another look.

Thanks for using ShareThis!

ShareThis Support

Thank you “Share This Support!” I actually deactivated the plug in, until I saw your reply to my question. Your suggestion worked. Now I have it activated, and it’s a nice feature, and looks much better with your line spacing fix. SO thank you, sorry I took me a week to see you replied to my support forum issue.