• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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

  • How To Add Sharedaddy Social Media Buttons Above Your Posts
  • Style Jetpacks Social Sharing Buttons

Reader Interactions

Comments

  1. Paula says

    December 15, 2013 at 11:11 pm

    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.

    Log in to Reply
    • Brad Dalton says

      December 16, 2013 at 2:33 am

      Use the link at the end of this post.

      Log in to Reply
  2. Pete Wisniewski says

    November 19, 2013 at 3:06 pm

    Thanks! That really helped me!

    Log in to Reply
  3. Chris Langille says

    November 8, 2013 at 1:11 am

    Hey thanks Brad! Worked like a charm!

    Log in to Reply
  4. Charles Specht says

    November 5, 2013 at 5:36 pm

    Helpful. Just added it. Awesome!

    Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.