# Menu Item in Drop-Down is same color as background

**URL:** <https://colorlibsupport.com/t/menu-item-in-drop-down-is-same-color-as-background/20005>\
**Category:** Dazzling\
**Created:** [February 5, 2018, 4:35pm UTC](https://colorlibsupport.com/t/menu-item-in-drop-down-is-same-color-as-background/20005 "2018-02-05T16:35:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![webmastermama](https://colorlibsupport.com/user_avatar/colorlibsupport.com/webmastermama/32/2196_2.png) [@webmastermama](https://colorlibsupport.com/u/webmastermama)\
**Post date:** [February 5, 2018, 4:35pm UTC](https://colorlibsupport.com/t/menu-item-in-drop-down-is-same-color-as-background/20005/1 "2018-02-05T16:35:17Z")

</div>

I have been trying to find the exact CSS for drop-down menu. My background color is white and when someone selects an item, the current page in the menu is also white. So it disappears. Which CSS do I need to change to change the font color to a light gray color?

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [February 5, 2018, 4:42pm UTC](https://colorlibsupport.com/t/menu-item-in-drop-down-is-same-color-as-background/20005/2 "2018-02-05T16:42:41Z")

</div>

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the menu hover color by going to Appearance \> Customize \> Additional CSS and pasting it there.

```auto

/*Menu hover color*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: lightgray;
}

```

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![webmastermama](https://colorlibsupport.com/user_avatar/colorlibsupport.com/webmastermama/32/2196_2.png) [@webmastermama](https://colorlibsupport.com/u/webmastermama)\
**Post date:** [February 5, 2018, 4:44pm UTC](https://colorlibsupport.com/t/menu-item-in-drop-down-is-same-color-as-background/20005/3 "2018-02-05T16:44:46Z")

</div>

Thank you so much Support Person. I truly appreciate it. That was exactly what I needed.

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [February 5, 2018, 4:49pm UTC](https://colorlibsupport.com/t/menu-item-in-drop-down-is-same-color-as-background/20005/4 "2018-02-05T16:49:18Z")

</div>

Hello there,

I am glad the solution worked for you.  
Please feel free to contact us again in the future regarding any other issues.

Best Regards,  
Support