Aligning Sharing Buttons

  • Resolved Andrewjmarino

    (@andrewjmarino)


    12 years 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 ??

    https://www.visitbanteaychhmar.org/

    https://www.ads-software.com/extend/plugins/jetpack/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    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 */
}
    Thread Starter Andrewjmarino

    (@andrewjmarino)

    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

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    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:
    https://jetpack.me/support/custom-css-support/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Aligning Sharing Buttons’ is closed to new replies.