Shareaholic | share buttons, related posts, social analytics & more
[resolved] How to reduce spacing above/below buttons (3 posts)

  1. beggers
    Posted 2 years ago #

    I just installed Shareaholic and am very pleased so far. I'd just like to reduce the spacing above and below the line of buttons. After examining the elements it appears that this is controlled by shareaholic-share-buttons-container. So I tried adding this to my style.css but it didn't work so I guess I'm missing something:

    .shareaholic-share-buttons-container {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;

    My site is http://www.vegasnews.com and Shareaholic is set to appear above the content. Thanks!


  2. Andy - Shareaholic
    Posted 2 years ago #

    Hi there,

    Thanks for the kind words!

    It's not applying the new styles because they are getting overridden by !important and greater specificity in our styles.

    .shareaholic-canvas .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper ul.shareaholic-share-buttons {
    margin: 0 auto !important;
    padding: 0px 0px 0px 0px !important;

    Please let me know how it goes. Also, I think a Vegas trip is long overdue on my end, looks like a lot of fun!


    Andy Huang
    Shareaholic Support

  3. beggers
    Posted 2 years ago #

    That worked perfectly! You guys are awesome! Thanks, and hope you make it to Vegas soon.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic