Jetpack Sharing Buttons

Community Forums Forums Design Tips and Tricks Jetpack Sharing Buttons

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #51092

    matthewcearls
    Participant
    Post count: 1

    I have successfully edited my Jetpack Sharing Buttons at the bottom of my blog posts. For some reason, however, I cannot get the text to center within the buttons. There seems to be a little extra space on the left side of the button and I cannot get the text to bump over in the center. Any help would be appreciated.

    HamsterHeart.com to see what I’m talking about.

    Thanks in advance

    #51133

    David Chu
    Participant
    Post count: 1355

    Hi,
    The problem is here. That 23 gives tons of left padding. btw, this CSS is in the Sharedaddy plugin someplace, so I can’t pinpoint how to get to it from outside. You’ll want the 2nd and 4th padding figures to match, and then adjust them to taste.

    [css]
    .sd-social-icon-text a.sd-button > span, a.sd-button > span {
    background-position: 2px center;
    background-repeat: no-repeat;
    padding: 1px 5px 1px 23px;
    }
    [/css]

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    • This reply was modified 1 year, 1 month ago by  David Chu.
    • This reply was modified 1 year, 1 month ago by  David Chu.
    #51153

    matthewcearls
    Participant
    Post count: 1

    It worked! Just had to add the !important tag in there.

    Thanks a bunch!

    #51163

    David Chu
    Participant
    Post count: 1355

    Great, you’re welcome!


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Jetpack Sharing Buttons’ is closed to new replies.