Help! Sociable icons showing faded

adashofsass · #1 Apr 15, 2009, 02:25 PM

I have %sociable% in my Footer and it is showing up faded, with the icons only becoming bright when the mouse hovers over them.

I have tried removing the color and background of the Footer but the icons are still faded.

How can I keep the icons in the Footer (or alternatively, place at the bottom of the Body box) appear at their normal colors?

Thanks so much!!

- Kate
http://adashofsass.com

Flynn · #2 Apr 15, 2009, 07:09 PM

That's supposed to be a feature, not a bug

At HTML/CSS Inserts -> CSS Insert, add

HTML Code:

.sociable-hovers {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

adashofsass · #3 Apr 15, 2009, 07:21 PM

Hi Flynn ...

Thanks for your fast help! You are so awesome. :-)

I added the code you wrote to the CSS Insert section, but it didn't seem to fix it. The icons are still faded. Any ideas?

Flynn · #4 Apr 15, 2009, 07:35 PM

Uncheck "Use CSS" at the Sociable settings page (the settings page of the plugin). There are more tips like this to better align these plugins (Sociable, WP-Print, etc...) with the theme at Theme Options -> Page Info Items

Or, add !important to the CSS Insert

.sociable-hovers {
opacity: 1 !important;
-moz-opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

adashofsass · #5 Apr 16, 2009, 06:45 AM

Thanks so Flynn!!! That worked perfectly!!!