vuhoops
Member
Posted 3 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.
VUhoops.com
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.
vuhoops
Member
Posted 3 years ago #
Thanks so much SteveSmith1983! That did it.