Title: CSS a hover not working
Last modified: October 19, 2016

---

# CSS a hover not working

 *  Resolved [diffler](https://wordpress.org/support/users/diffler/)
 * (@diffler)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/)
 * Hello!
 * I noticed sometime ago that my link color choices I had made in my style.css 
   weren’t working. Not sure if this was when I changed from the Github version 
   to the new Hueman theme.
 * You can see my page here [http://poydalla.net](http://poydalla.net) and my custom
   CSS here [http://poydalla.net/wp-content/themes/hueman-child/style.css](http://poydalla.net/wp-content/themes/hueman-child/style.css)
   anything wrong there? Changing the values in a { color: #f46001; text-decoration:
   none; outline: 0; } change nothing…
 * Thanks a lot!

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

 *  [Caciano Gabriel](https://wordpress.org/support/users/caci/)
 * (@caci)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8330754)
 * Hi, you can force your Hover Link Colors changing the line 21 of this file: [http://poydalla.net/wp-content/themes/hueman-child/style.css](http://poydalla.net/wp-content/themes/hueman-child/style.css)
   from:
 * `a:hover { color: #a54202; }`
 * to
 * `a:hover { color: #a54202 !important; }`
 * The tag `!important` is not the best way to work with CSS rules, but does the
   trick when you don’t want to find all the rules that mess with some simple error.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8331366)
 * You don’t want to use the **!important** clause in this case because there are
   so many elements which use the anchor tag (like author name, page titles, menu
   items, etc), so you will probably end up changing the color of elements that 
   you didn’t intend to change if you are going to attach it to the **a** element.
 * You really should use a web debugger like [Firebug](http://getfirebug.com/) or
   [Chrome Developer Tools](https://developers.google.com/chrome-developer-tools/)
   to find out what rule is currently in place for the link that you are trying 
   to change. For example, if you are trying to change the hover color of your post
   titles, then you should add this rule:
 *     ```
       .post-title a:hover {
          color: red;
       }
       ```
   
 * Then you won’t accidentally change the hover color of any other link element.
 *  Thread Starter [diffler](https://wordpress.org/support/users/diffler/)
 * (@diffler)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8339125)
 * Thanks to you both! I tried both of your tips, but I can’t really find the culprit…
   I tried removing Minify from W3 Total Cache and Hueman theme, but no help.
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8339232)
 * So right now, on your site, I see that the normal (not hovered) color of the 
   post titles is #a54202, and the hovered color is #423029, but you want to switch
   it around?
 *  Thread Starter [diffler](https://wordpress.org/support/users/diffler/)
 * (@diffler)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8339489)
 * No, they are actually fine, but normal links are the problem. For example here
   [http://poydalla.net/boardgamegeek-kayttoohjeet/](http://poydalla.net/boardgamegeek-kayttoohjeet/)
   under the picture I have a list of links. They’re all black, agh!
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8339540)
 * Unfortunately you still have minify turned on, so I can’t tell how or where you
   are adding your CSS. But I do see you have Jetpack installed, so try adding your
   CSS by going to **Appearance → Edit CSS** (if you don’t see such an option, go
   to **Jetpack → Settings** and activate the Custom CSS option).
 * Try adding this CSS rule:
 *     ```
       .hentry a {
          color: #a54202;
       }
       ```
   
 * Or use whatever other color you want.
 *  [redstar90](https://wordpress.org/support/users/redstar90/)
 * (@redstar90)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8339565)
 * Hi,
    if you want to change color of your links below that picture, you should
   use this custom css code:
 * body a {
    color: red; }
 * on hover
 * body a:hover {
    color: green; }
 * and set color you want.
 *  Thread Starter [diffler](https://wordpress.org/support/users/diffler/)
 * (@diffler)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8341364)
 * Hello!
 * I edited my child theme’s CSS and added CrouchingBruin’s suggestion, it worked!
   Thanks. Seems like my general a hover was naturally overridden. Dang, very basic,
   thanks!
 * I’m happy now and marking this resolved, thanks!
 * …I’m still trying to find solution to the following problem, but it’s probably
   something as basic as this and I’ve gotten enough help from you!
 * Somewhere there is still the #423029 that makes the page-title hovered the wrong
   color. Only place I found it was
 *     ```
       ::selection {
           background-color: #423029;
       }
       ```
   
 * I added that to my css, but still nothing…agh!
 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8342096)
 * Try this for the post titles:
 *     ```
       .post-title a:hover {
          color: #a54202;
       }
       ```
   
 * What I would do is turn off the minifying until you have made all of the changes
   that you want, then turn it back on. The minifying makes it hard to see where
   the rules are defined so writing the correct selector can be a little difficult.

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

The topic ‘CSS a hover not working’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hueman/3.7.27/screenshot.png)
 * Hueman
 * [Support Threads](https://wordpress.org/support/theme/hueman/)
 * [Active Topics](https://wordpress.org/support/theme/hueman/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hueman/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hueman/reviews/)

## Tags

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

 * 9 replies
 * 4 participants
 * Last reply from: [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/css-a-hover-not-working/#post-8342096)
 * Status: resolved