WordPress.org

Ready to get started?Download WordPress

Forums

MP Share Center
[resolved] CSS make Google Plus not aligned with the others (3 posts)

  1. darkpollo
    Member
    Posted 2 years ago #

    Hi,

    I have your plugin working perfect on my webpage.
    No wi have installed it on a different page and the laigment of the third button (google plus one) is wrong.
    Using firebug i have notice that disabling the element-style
    vertical-align:baseline;
    the button came back to the right position.

    Check the images:
    http://awesomescreenshot.com/0bbp1pcea
    And fixed:
    http://awesomescreenshot.com/0edp1pd5c
    Can you update the plugin to remove that?
    Thanks

    http://wordpress.org/extend/plugins/mp-share-center/

  2. MikesPickz
    Member
    Plugin Author

    Posted 2 years ago #

    Hello,

    Unfortunately, that is not CSS code from the plugin. That is part of the Google generated Plus One Button code. The best thing I can think of to override the Google Plus One code is adding a CSS rule to your style.css

    .mp-share-boxes-gp div {vertical-align: inherit !important;}

    This will force the automatically generated div inside the Google Plus list item to inherit the vertical-align and not use baseline. If this doesn't work, I would try other vertical-align properties until you find that one that works (baseline, bottom, inherit, middle, sub, super, text-bottom, text-top, top).

    I hope this helps.

    Mike

  3. darkpollo
    Member
    Posted 2 years ago #

    Thanks for the fast reply.

    That worked!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic