I'm using the Ubiquity theme (http://drupal.org/project/ubiquity) for one of my projects and you can see in the following screenshot that the icon doesn't play nicely. Not sure if it's a problem with the ShareIt module or Ubiquity theme.

CommentFileSizeAuthor
ShareIt_Ubiquity.png2.17 KBdan.crouthamel

Comments

himerus’s picture

himerus commented
Status: Active » Postponed (maintainer needs more info)

It looks like the CSS is being overwritten somewhere in the theme.

ShareThis.com provides the CSS at the time it loads, providing the default look & feel.

Try this CSS to fix the issue:

span.stbuttontext {
  margin: 0 0 0 20px;
}

or if that still doesn't do it,

span.stbuttontext {
  margin: 0 0 0 20px !important;
}

I think that's all it is, and something with the theme likely forcing an override on those links in that section.

dan.crouthamel’s picture

dan.crouthamel commented

Thanks for the idea. For this particular theme, the following works better :)

.links a.stbutton {
    padding: 0px 0px 0px 20px;
}
marita93’s picture

marita93 commented

I am having the same problem with the Acquia Marina theme, when you use the Link version. Adding this fix to Acquia Marina doesn't help though. Is there a way to have the Node selection display at the end of the content, to avoid the problems with Link CSS?

marita93’s picture

marita93 commented

What I said above is inaccurate! this addition to the Acquia Marina CSS did fix the sharethis icon/text link overlap problem!

span.stbuttontext {
margin: 0 0 0 20px !important;
}

robloach’s picture

robloach
he/him
commented
Status: Postponed (maintainer needs more info) » Fixed

It now replaces the CSSed icon with the official ShareThis icon, so this should be fixed.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.