Active Home page in Nav

[madmike231 0]

I know this is probably something really simple I just cant seem to figure it out. I made the "home" button in my navigation a custom link and it is by default being highlighted with a white box when active. I want it to be yellow when active. Any help would be appreciated. Thanks. http://dirtymexicanlemonade.com/

[catrina 103]

To change the active link background color, add this CSS code to your custom code area or the base.css file in the child theme:

ul#menu-home li.current_page_item a:hover {background-color: #FFFF00;}

[madmike231 0]

Hey thanks but that didnt do it. That changed the color of padding when the link is hovered over to yellow. Really I just dont want that gray box around the home in the nav when the home page is active.

[kastelic 6]

Is this what you're looking for?

.main-nav .current-menu-item a {
	background: yellow !important;
	}

[madmike231 0]

Yes Jimmy! That was it. I now know what !important does. Thanks a lot