Title: CSS code for hover
Last modified: August 30, 2016

---

# CSS code for hover

 *  Resolved [LaraBrus](https://wordpress.org/support/users/larabrus/)
 * (@larabrus)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/)
 * Hi there!
 * I was wondering if anyone figured out how to remove the underline when you hover
   over the count number or text? I can’t for the life of me figure out what the
   CSS class is to make it go away using text-decoration: none. See my site [here](http://www.littlelareyloves.com)
 * Many thanks!
 * [https://wordpress.org/plugins/i-recommend-this/](https://wordpress.org/plugins/i-recommend-this/)

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

 *  [mrsminkie](https://wordpress.org/support/users/mrsminkie/)
 * (@mrsminkie)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619127)
 * Hi Lara,
 * Try this:
 * `a.dot-irecommendthis:hover {text-decoration:none;}`
 *  Plugin Author [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619254)
 * Hey mrsminkie,
    Thank you for sharing it.
 * Lara, the code shared above is correct. You might also want to make this rule
   stick to avoid it being overwritten by CSS from your theme.
 * `a.dot-irecommendthis:hover {text-decoration:none !important;}`
 *  [mrsminkie](https://wordpress.org/support/users/mrsminkie/)
 * (@mrsminkie)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619259)
 * Well spotted 🙂
 *  Thread Starter [LaraBrus](https://wordpress.org/support/users/larabrus/)
 * (@larabrus)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619306)
 * Hi guys!
 * Thanks for helping me out, it worked :). The only question I still have is how
   can I remove the underline when the link is active (so after someone has clicked
   like). I tried `a.dot-irecommendthis:active {text-decoration:none !important;}`
   but that didn’t do the trick. Any ideas..?
 * Also, my heart symbol (which I changed to a font awesome heart icon) is not changing
   color on hover, only the text. Not sure what I did wrong there… No big deal, 
   bu I’m just trying to figure everything out :).
 * See for example this post [here ](http://www.littlelareyloves.com/lifestyle/paintings-from-north-korea/)
 * Many thanks!!
 *  Thread Starter [LaraBrus](https://wordpress.org/support/users/larabrus/)
 * (@larabrus)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619307)
 * Ow sorry I meant
    `a.dot-irecommendthis:visited {text-decoration:none !important;}`
 *  Plugin Author [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619331)
 * Hello Lara,
 * Can you remove your code for the icon and instead try using below code. Do let
   me know the result.
 *     ```
       a.dot-irecommendthis .dot-irecommendthis-count:before {
           font-family: FontAwesome;
           font-size: 20px;
           color: #79C9CC;
           content: "\f004";
           letter-spacing: 2px;
           display: inline-block;
           line-height: 3em;
   
       }
   
       a.dot-irecommendthis:hover .dot-irecommendthis-count:before {
           color: #000; /* color to apply on hover */
       }
       ```
   
 *  Thread Starter [LaraBrus](https://wordpress.org/support/users/larabrus/)
 * (@larabrus)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619341)
 * Thanks sooooooo much! It works like a charm!
 *  Plugin Author [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * (@hchouhan)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619364)
 * Hey Lara,
 * You’re welcome.
 * P.S. Should you have a quick minute to spare, I’d be very happy if you could 
   leave the plugin a review at [https://wordpress.org/support/view/plugin-reviews/i-recommend-this](https://wordpress.org/support/view/plugin-reviews/i-recommend-this)

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

The topic ‘CSS code for hover’ is closed to new replies.

 * ![](https://ps.w.org/i-recommend-this/assets/icon.svg?rev=3333860)
 * [I Recommend This – Love/Like Button for WordPress Posts](https://wordpress.org/plugins/i-recommend-this/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/i-recommend-this/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/i-recommend-this/)
 * [Active Topics](https://wordpress.org/support/plugin/i-recommend-this/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/i-recommend-this/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/i-recommend-this/reviews/)

## Tags

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

 * 8 replies
 * 3 participants
 * Last reply from: [Harish Chouhan](https://wordpress.org/support/users/hchouhan/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/css-code-for-hover/#post-6619364)
 * Status: resolved