How to make Current page color different than Hover color?
 

The current problem:
The current page item color on the page menu bar is the same as the hover color set in the options. how do i make them separate?
I would like to customize the color for the current page, and then another color for the page the cursor is hovering.

Thanks!

The 'page' menu bar options are set at ATO->Page Menu Bar
The page body style is set at ATO-> settings are at ATO->Body, Text & Links

No, the problem is, when i change the "Background color: Hover", it will also change the current page's "button/item" on the page menu bar. I'm not talking about the page body style, i'm talking about the page menu bar's current page button.

OK I think I understand, but let me rephrase it
Let's say you hage four pages: "Home', 'About', 'Contact' and 'Maps'
you set the background color for the menubar to blue
When you go to page 'About', you want 'About' to be in 'red' but when you move the cursor over 'Maps' you want it to be 'Yellow'

Is this the issue?

or when you are on teh About' page, that should be Red' until you move the cursor to 'Maps'. at that point Maps' should be 'Red and ' About should be 'blue'

Hi

I had the same issue.. solved it eventually with the following code in CSS Inserts:

whereas #26be71 is the colour that I wanted to have for hover.

Additionally, in Page Menu Bar > Background Colour: Hover, I set the colour for the currently selected item.

best, J

It is similar to the first one you are mentioning, juggledad. Say you are in the about page. The current problem is that whatever i set Background Colour: Hover, the color of the "about" page shown on the page menu bar will also be set to that. It would be a good thing to separate that, so that the current page on the page menu bar can be set, say blue, and then the hover background colour different, say red.

Hejonas, this works, that it changed the hovering color separated from the current page color, but now if the current page has a subpage, the page menu bar makes all the subpages the same color as well, which looks weird :P...

To reset the children do

/* For CURRENT */
ul.rMenu-hor li.current_page_item ul li a:link,
ul.rMenu-hor li.current_page_item ul li a:visited,
ul.rMenu-hor li.current_page_item ul li a:active,
ul.rMenu-hor li.current_page_item ul li a:hover {
background: #123456 !important;
color: #654321 !important;
}

well sorry then :) did not notice since I don't have any children