Cannot change colour on main menu

[tomdufty]

My website is www.ignitiontuition.co.uk

I have managed to change the hover color and click colour on the main menu (to a dark blue). However, I cannot seem to find the setting that will allow me to change the color of the menu after you have clicked on one of the links to a page on the main menu. After the link has been clicked, if you move the mouse away, the little bar to the side of the menu (usually blue when hovering) turns red whereas I would prefer a grey colour.

Is there a CSS fix for this or am I missing a setting somewhere?

Thanks

[christopher]

Hi Thomas,

Please add the CSS code below to X > Theme Options > CSS:

.x-navbar-fixed-right .desktop .x-nav>li>a:focus, .x-navbar-fixed-right .desktop .x-nav>li>a:hover {
    box-shadow: inset -8px 0 0 0 rgb(177,179,180);
}

Feel free to change rgb(177,179,180) to whatever color code you like.

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thank you.