Title: hover CSS problem Last modified: August 20, 2016 --- # hover CSS problem * [skallerup](https://wordpress.org/support/users/skallerup/) * (@skallerup) * [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/) * Somehow I can’t find out how to get my menu to change color when the mouse is over(hover)? Looks like my css is getting overruled by some other code maybe? right now the hover is black like the background. * [my link](http://martinskallerup.dk/performdesign/virksomhed/gratis-ide/) Viewing 5 replies - 1 through 5 (of 5 total) * [mar1965](https://wordpress.org/support/users/mar1965/) * (@mar1965) * [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/#post-3165243) * From my end, the hover seems to be working fine! Forside is Yellow, Om os has same color as your page border, Job is Green, and Kontakt is grape/purple. I am using Safari as my browser, but have also tested it with Google Chrome. Upon first hovering over the menu items, it takes a few seconds, but that is only after initially loading the page. * Thread Starter [skallerup](https://wordpress.org/support/users/skallerup/) * (@skallerup) * [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/#post-3165249) * it the menu “virksomhed, offentlig, uddannelse, ngo” that I need to get white when mouse is over their names 🙂 * [mar1965](https://wordpress.org/support/users/mar1965/) * (@mar1965) * [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/#post-3165254) * Oops! Well in your CSS, I see the following: * ``` #top-menu a {color:#000; text-decoration: underline;} #top-menu a:hover {color:#000; text-decoration: underline;} a { text-decoration: none; color: #00b7f3;} a:hover { text-decoration: underline; color:#fff; } ``` * You would need to make the change to the color in #top-menu a:hover. * Thread Starter [skallerup](https://wordpress.org/support/users/skallerup/) * (@skallerup) * [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/#post-3165256) * I’ve changed that, but it’s the same. * the page has it’s own rules because i made this rule: * `>` * so the css is: * ``` .gratiside #top-menu a{ padding: 0 10px; } .gratiside #top-menu a:hover{ color:#fff;} ``` * now it has no rule suddenly? * [mar1965](https://wordpress.org/support/users/mar1965/) * (@mar1965) * [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/#post-3165292) * Hi, * When I look at the rendered HTML code, I see several tags, one of which is assigned the class ‘gratiside’, another one with the class ‘gratis-ide’, and another one with an array of classes ‘page page-id-52 page-child etc…’ * Somehow, there is something else causing this to break. Have you had a chance to look at the article [Dynamic Menu Highlighting](http://codex.wordpress.org/Dynamic_Menu_Highlighting)? Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘hover CSS problem’ is closed to new replies. ## Tags * [Change Color](https://wordpress.org/support/topic-tag/change-color/) * [css](https://wordpress.org/support/topic-tag/css/) * [hover](https://wordpress.org/support/topic-tag/hover/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 5 replies * 2 participants * Last reply from: [mar1965](https://wordpress.org/support/users/mar1965/) * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/hover-css-problem/#post-3165292) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics