[resolved] Elimintating the Hover in Sociable plugin (3 posts)

  1. vuhoops
    Posted 7 years ago #

    I'm thinking this may be more of a theme/template issue than a Plugin one, b/c it does indeed work.

    I can't seem to find the code to eliminate the "highlighting" of my Sociable icons. When you mouseover the options, the box that surrounds the icons completely changes the line size. Any ideas on how to get rid of it?

    Thanks in advance.


  2. SteveSmith1983
    Posted 7 years ago #

    In http://vuhoops.com/wp-content/plugins/sociable/sociable.css find the following CSS and add !imporant to the border, margin and padding, like this:

    .sociable img {
    float: none;
    width: 16px;
    height: 16px;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    I'm not sure what's overriding the zero values when you hover, but this seems to solve it. I have only tested this in Firefox.

  3. vuhoops
    Posted 7 years ago #

    Thanks so much SteveSmith1983! That did it.

Topic Closed

This topic has been closed to new replies.

About this Topic