Current Menu selection Backdrop/ground

The image posted is the how I want my menu setup copied from another theme’s format. ‘Home’ is current selection, ‘Gallery’ is hover selection. Is there any way to setup somethin similar to backdrop my menu items on my website


Here is the CSS code to change the background color for the menu:

#mainnav ul li {
    background-color: black;
#mainnav ul li:hover {
    background: grey;
#mainnav ul li:hover a {
    color: white;

Put the code into Customize > additional CSS

This code works wonderfully, but it is missing one aspect i am trying to achieve, all i want is for the current page on the menu tabs to be highlighted, not all of them. Is that possible?

I see… then add this CSS code please:

#mainnav ul li.current_page_item {
    color: #198b93;