I have customized my page menu with this code and it's working pretty well :
HTML Code:
/* ================================================ */ /* how to highlight parent of current page */ /* ================================================ */ ul.rMenu li.current_page_parent link, ul.rMenu li.current_page_parent active, ul.rMenu li.current_page_parent hover, ul.rMenu li.current_page_parent visited, ul.rMenu li.current_page_parent { background: #05A505 !important; color: #000000 !important; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++ */ ul.rMenu li.current-menu-parent link, ul.rMenu li.current-menu-parent active, ul.rMenu li.current-menu-parent hover, ul.rMenu li.current-menu-parent visited, ul.rMenu li.current-menu-parent { background: #05A505 !important; color: #000000 !important; } ul.rMenu li.current_page_ancestor link, ul.rMenu li.current_page_ancestor active, ul.rMenu li.current_page_ancestor hover, ul.rMenu li.current_page_ancestor visited, ul.rMenu li.current_page_ancestor { background: #05A505 !important; color: #000000 !important; } /* For CURRENT */ ul.rMenu li.current_page_item a:link, ul.rMenu li.current_page_item a:visited, ul.rMenu li.current_page_item a:active, ul.rMenu li.current_page_item a:hover { background: #05A505 !important; color: #000000 !important; } /* For CURRENT */ ul.rMenu li.current-menu-item a:link, ul.rMenu li.current-menu-item a:visited, ul.rMenu li.current-menu-item a:active, ul.rMenu li.current-menu-item a:hover { background: #05A505 !important; color: #000000 !important; }
Now i want to add some small pics before the countries in the dropdown menu.
I've tried that and it works.
The problem is on mouse over and when the item is selected the pics dissapear.
HTML Code:
ul.rMenu li.menu-item-263 { padding-left: 30px; background: url(http://www.senojflags.com/images/national-flag-symbols/France-Flag.png) no-repeat scroll center left #05A505; color: #000000; }
I've tried to add the pics on the MENU config directly in wordpress (by putting <img src" "> in the "Navigation Label" field. It works, but i can't place the pics exactly where i want (does not align with the text).