• Closed
• Sharon Jameson

  Spectator

  30.11.2015 at 22:20 #22598

  

  My main menu shows a semi-transparent box around the menu item that refers to the current page. How do I get rid of that?

  See http://www.cmindependent.com

Denzel Chia
Moderator
Posts: 2656
01.12.2015 at 07:26 #22610

Hi,
Please use the following codes in your Theme Options -> Custom CSS
.current-menu-item, ul.nav-menu > li.current-menu-item::before, ul.nav-menu > li.current-menu-ancestor::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
Thanks!
Sharon Jameson
Spectator
Posts: 8
01.12.2015 at 20:28 #22653

I’m sorry to say that did not work.
Sharon Jameson
Spectator
Posts: 8
01.12.2015 at 21:00 #22654

I figured it out. In evolve Plus: style.css I changed the code:
From
ul.nav-menu > li.current-menu-ancestor { text-decoration: none; background: rgba(255, 255, 255, .3) url(library/media/images/menu-item.png) left bottom no-repeat;}
To
ul.nav-menu > li.current-menu-ancestor {text-decoration: none; }
That is, removing the background information.

The topic Semi-transparent box in menu, current page button is closed to new replies