WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

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

Reader Interactions

Comments

  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.

Leave a Reply