Icons uneven and not spaced evenly

  • Resolved salinaxoum

    (@salinaxoum)


    4 years, 4 months ago

    Hello,

    I’m using the free plus version of the plugin. I’m having an issue with the icons in setting number 3. The Facebook like, Facebook share, and tweet buttons are displayed. However, they are not spaced evenly between the three. The icons are not in a straight line either. The second and third icons are displayed slightly higher than the first icon. When I try to edit and save the pixels of spacing between the icons, nothing changes.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor socialtech

    (@socialtech)

    The spacing feature from under question number 6 in the plugin refers to the round icons only.

    What is your website’s URL so that we can check?

    Thread Starter salinaxoum

    (@salinaxoum)

    Here is the URL: https://www.twigby.com/blog/referral/

    The counts are not displaying in question number 5 either. It’s set to yes display counts, Facebook retrieve the number of likes to your blog, and Twitter enter the figure manually (20).

    Plugin Contributor socialtech

    (@socialtech)

    Please add this code

    img.sfsi_wicon {
    margin-top: 2px!important;
    }
    .sf_twiter {
    margin-left: 3px!important;
    margin-top: 4px!important;
    }
    .sfsibeforpstwpr {
    margin-left: -13px!important;
    }

    in your theme’s CSS section.

    Does that solve the problem?

    For the counts issue, please open a new thread.

    • This reply was modified 4 years, 4 months ago by socialtech.
    Thread Starter salinaxoum

    (@salinaxoum)

    Yes, that made the icons inline with each other.

    However, the spacing between each is not even. The share button in the middle is not spaced evenly.

    I was able to get the count to show as well but the way the count is displayed also appears to be uneven. This is evident when looking at the count for share and tweet.

    Please see here: https://www.twigby.com/blog/referral/

    Plugin Contributor socialtech

    (@socialtech)

    Please add this CSS code:

    .sfsi_plus_Sicons .sf_twiter { margin: unset !important; line-height: 12px !important; } .sfsi_plus_Sicons .sf_twiter { margin-left: 0 !important; margin-top: 1px!important; } .sf_subscrbe .bot_no, .sf_fb .bot_no, .sf_twiter .bot_no, .sf_pinit .bot_no, .sf_linkedin .bot_no{ height: 21px !important; }

    Thread Starter salinaxoum

    (@salinaxoum)

    That worked. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Icons uneven and not spaced evenly’ is closed to new replies.