WordPress.org

1. Andrewjmarino
   Member
   Posted 5 months 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 5 months 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 5 months 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 5 months 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/

Reply

You must log in to post.