[resolved] [Plugin: Sociable] Eliminating the Hover (3 posts)

  1. vuhoops
    Posted 7 years ago #

    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 SteveSmith.

Topic Closed

This topic has been closed to new replies.

About this Topic