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:
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:
Note: These buttons have been styled using code from StudioPress members code snippets.
Paula says
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.
Brad Dalton says
Use the link at the end of this post.
Pete Wisniewski says
Thanks! That really helped me!
Chris Langille says
Hey thanks Brad! Worked like a charm!
Charles Specht says
Helpful. Just added it. Awesome!