How do I turn off opaque icons to display full color

Discussion in 'HTML & Website Design' started by xphiletc, Aug 28, 2009.

0
  1. #1
    I have the 'sociable' 3.4.4 plugin on my website and I love it but I'd like to use 32x32 icons rather than the 16x16 ones included with the plugin. I know how to change the icons by replacing the graphics in the image folder using exactly the same name but I'm wondering how to make the icons display in full color rather than the opaque icons that display till you hover the mouse over it.

    Thanks for you help.:):)
     
    xphiletc, Aug 28, 2009 IP
  2. amateur81

    amateur81 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Need to change the stylesheet....
     
    amateur81, Aug 28, 2009 IP
  3. xphiletc

    xphiletc Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    How? Could u plz explain that more clearly?

    I am still a little bit confused.

    Thanks!:):)
     
    xphiletc, Aug 28, 2009 IP
  4. amateur81

    amateur81 Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Find your site's stylesheet

    adding this to stylesheet:

    .sociable-hovers {
    opacity: 1.0 !important;
    -moz-opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
    }
     
    amateur81, Aug 28, 2009 IP
  5. xphiletc

    xphiletc Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Okay, i will try that, thanks for the hlep!

    I will let u know if that work!:D
     
    xphiletc, Aug 28, 2009 IP