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.
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.
Use the link at the end of this post.
Thanks! That really helped me!
Hey thanks Brad! Worked like a charm!
Helpful. Just added it. Awesome!