WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
[resolved] Aligning Sharing Buttons (4 posts)

  1. Andrewjmarino
    Member
    Posted 1 year ago #

    Hi,

    I looked at a couple forum posts about this. I want to left align (or center align) my Jetpack Sharing buttons in my content area. It would be nice to evenly space the buttons too, but I can live without that.
    I tried adding this in my Custom CSS area (Weaver Pro Theme) and also tried it in the Jetpack CSS Stylesheet. But, it's not working.
    Thanks
    Andrew

    .sharing {
    padding: 0 !important;
    margin: 0 !important;
    }

    A simple set of alignment, sizing, spacing options in the Sharing admin screen would be cool :) I like the thin separation line, but I can see how some people may not like that look, so an option to delete it might be nice too :)

    http://www.visitbanteaychhmar.org/

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    Could you try to add the following code to your Custom CSS:

    div.sharedaddy .sd-content {
        float: left;
    }

    This should align the buttons to the left.

    You can then style each button individually like so:

    .sd-content .share-google-plus-1 {
    /* Your custom rules here */
    }
  3. Andrewjmarino
    Member
    Posted 1 year ago #

    Hi,

    That worked. I had to put it into the CSS Stylesheet Editor, rather than directly into Weaver's Customm CSS Editor.
    That seems to make sense. If I understand correctly, the CSS Stylesheet Editor would be for all Jetpack features, right?
    Still, it'd be cool to have the basic Sharing alignment/positioning/sizing options added to the very good plugin's admin :)

    Thanks
    Andrew

  4. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    You can use the CSS stylesheet editor for all the small design changes you'd like to make to your site.

    You can read more about it here:
    http://jetpack.me/support/custom-css-support/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic