Hi Guys, I have an interesting problem. I implemented the ShareThis buttons for my website near the reviews section on each product page. Now if the product has no reviews the buttons work fine, but if the products have any reviews at all the expanded Facebook Like Button becomes distorted. It is kind of weird to say the least. Examples: This is the regular looking box. This is the distorted looking box. I am hoping that someone with a little more technical know-how would be able to spot the problem as I have looked for hours trying to find it.
From just pictures, it is hard to say. However I would check the following: 1. You should have a <meta property="og:description" /> tag in your page check there is no html elements in there (it could disrupt the flow of the box if there was) 2. Check your css is not interrupting the boxes css. check for conflicting class names and accidental inherits. (A good way to do this is to use Chrome/Firefox inspection feature) If you would care to post a link I'd be happy to help further.
I would suspect some CSS elsewhere on your page is interfering with it, though it's really hard to say without seeing the actual site and it's code. That said, the individual social networking scripts are fat, bloated and poorly written to begin with, without further complicating things with a fat bloated 'all in one' wrapper like shareThis. I would probably axe that and just implement the individual scripts for the networks you want. It might be a bit more work, but the result should be faster loading, more reliable, and easier to work with in terms of controlling style and debugging issues like this one.