[Plugin: Share and Follow] Positioning of Google Plus interactive share button | WordPress.org

tomeone
(@tomeone)

12 years, 1 month ago

I have a line of interactive share buttons at the bottom of every post. All look good except the Google Plus one, which seems to be shoved down a couple of pixels. This creates a mis-alignment and looks a little off.

Any idea why this is happening?

Screenshot: http://imm.io/i3nV

http://wordpress.org/extend/plugins/share-and-follow/

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author andykillen
(@andykillen)

12 years, 1 month ago

damn google, why they have to be different to all others I will never know.

Anyhow add this to your “add your own css” in the CSS style and configuration

*[id*=’___plusone’]{position:relative;top:-12px}

add before it #content (if that is how your theme is configured) to reduce it to only being the ones in the content that are effected.

and change the -12px to be what it should be to look right on your site.

Thread Starter tomeone
(@tomeone)

12 years, 1 month ago

That did it, thanks. Now to play with the horizontal spacing between the buttons. 🙂

pascal.dalfarra
(@pascaldalfarra)

12 years, 1 month ago

Hi,

Have the same issue but with big icons.

Screenshot here: http://img811.imageshack.us/img811/633/sharefollow1.png

My configuration: http://img717.imageshack.us/img717/1228/sharefollow2.png

pascal.dalfarra
(@pascaldalfarra)

12 years, 1 month ago

Just applied a slightly different solution by adding

*[id*=’___plusone’]{position:relative;top:-12px;left:-7px}

And Everything is fine 🙂

Have a look here:

http://tastyappz.com/2012/03/02/bringmebeatz-on-android/

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Plugin: Share and Follow] Positioning of Google Plus interactive share button’ is closed to new replies.

In: Plugins
4 replies
3 participants
Last reply from: pascal.dalfarra
Last activity: 12 years, 1 month ago
Status: not resolved