Center Sharedaddy Social Sharing Buttons in WordPress

In this tutorial, i’ll give you the CSS code which will center your sharedaddy social buttons.

Chris asked this question:

I’d be greatful if someone could help me with the CSS on this one.
I’m trying to center the social media sharers below the headline.
Currently they are floating left.

Here’s what the buttons look like when aligned left:

not centered

Add this CSS code at the end of your child themes style.css file before your Media Queries:

div.sharedaddy .sd-content {
	width: 100%;
	text-align: center;
}

div.sharedaddy .sd-content ul {
	display: inline-block;
}

Here’s what they look like now:

centered buttons

Note: These buttons have been styled using code from StudioPress members code snippets.

More Tips Related To Jetpacks Social Sharing Buttons


Comments

5 responses to “Center Sharedaddy Social Sharing Buttons in WordPress”

  1. I have been searching for the CSS to style the jetpack sharing buttons in black and white like the ones above. Can anybody please instruct me in how I can do that?
    It would be much appreciated.

    Thank you.

    1. Brad Dalton Avatar
      Brad Dalton

      Use the link at the end of this post.

  2. Pete Wisniewski Avatar
    Pete Wisniewski

    Thanks! That really helped me!

  3. Chris Langille Avatar
    Chris Langille

    Hey thanks Brad! Worked like a charm!

  4. Charles Specht Avatar
    Charles Specht

    Helpful. Just added it. Awesome!

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.