Title: icon hover opacity
Last modified: August 30, 2016

---

# icon hover opacity

 *  Resolved [lackadaize](https://wordpress.org/support/users/lackadaize/)
 * (@lackadaize)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/icon-hover-opacity/)
 * Hi,
 * I love the plugin. I was wondering if there is a way to change it so that when
   you hover over an icon with the “fade” effect it can go from ‘opacity: 1;’ to‘
   opacity: .06;’ rather than from ‘opacity: .06;’ to ‘opacity: 1;’ as it is by 
   default.
 *  element. I’m guessing it’s because of the space in the class? I’m not sure it
   would work either way though since the styles are being output via html and will
   probably overwrite my rules.
 * The relevant code output for this question is as follows:
 * `<a style="opacity: 0.6;" alt="LinkedIn" id="sfsiplusid_linkedin" href="https://
   www.linkedin.com/company/2495930?trk=vsrp_companies_res_name&trkInfo=VSRPsearchId%
   3A68609981428522265743%2CVSRPtargetId%3A2495930%2CVSRPcmpt%3Aprimary" target="
   _blank" effect="fade_in" class=" sficn"><img width="25" effect="fade_in" class
   ="sfcm sfsi_wicon" style="" src="http://snowfish.net.nomad-sites.com/wp-content/
   plugins/ultimate-social-media-plus/images/icons_theme/flat/flat_linkedin.png"
   title="LinkedIn" alt="LinkedIn"></a>`
 * If there is any way to accomplish this without hacking the plugin js it’d be 
   great to know. Great plugin and thanks for your time.
 * [https://wordpress.org/plugins/ultimate-social-media-plus/](https://wordpress.org/plugins/ultimate-social-media-plus/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  [socialdude](https://wordpress.org/support/users/socialdude/)
 * (@socialdude)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/icon-hover-opacity/#post-6305982)
 * Hi Lackadaize,
 * Sorry for the delay in response, I’m subscribed to this thread but sometimes 
   WordPress doesn’t send me any emails.
 * Do you want to do that to have the icons displayed in full color at first? Doesn’t
   removing the fade-effects also do the job?
 * Rgds, John
 *  Thread Starter [lackadaize](https://wordpress.org/support/users/lackadaize/)
 * (@lackadaize)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/icon-hover-opacity/#post-6305986)
 * Thank you John. I suppose I was over thinking it. It worked when I turned off
   the fade effect and threw in the following rule:
 *     ```
       .sfsiplus_inerCnt a:hover  {
          opacity: .6 !important;
       }
       ```
   
 * Thank you very much for the help. It’s a nice simple plugin and I will definitely
   recommend it.
 *  [socialdude](https://wordpress.org/support/users/socialdude/)
 * (@socialdude)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/icon-hover-opacity/#post-6305987)
 * Cool, thank you! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘icon hover opacity’ is closed to new replies.

 * ![](https://ps.w.org/ultimate-social-media-plus/assets/icon-128x128.png?rev=2230338)
 * [Social Share Icons & Social Share Buttons](https://wordpress.org/plugins/ultimate-social-media-plus/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-social-media-plus/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-social-media-plus/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-social-media-plus/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-social-media-plus/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-social-media-plus/reviews/)

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [opacity](https://wordpress.org/support/topic-tag/opacity/)

 * 3 replies
 * 2 participants
 * Last reply from: [socialdude](https://wordpress.org/support/users/socialdude/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/icon-hover-opacity/#post-6305987)
 * Status: resolved