Change navigation bar colour

[kurraglen]

I am trying to change the navbar hover colour which by default is black but after spending hours (probably looking in the wrong place), I cannot find where it is controlled.

[bsmither]

The Foundation skin uses the Foundation 5 System by Zurb. The Top Bar CSS rules are buried deep in the foundation.css file.

We recommend overriding these rules by adding custom rules in a separate file, cubecart.default.css.

Now, how to identify which rules to override? Your browser will have Developer Tools to help. (If you need help learning how to use Developer Tools in Firefox, let us know.)

Try adding this rule to cubecart.default.css:

.top-bar-section li a:hover {
	background-color: green !important;
}

Have CubeCart clear its internal cache.

[kurraglen]

I had tried that but must have been doing something wrong! It works now. Thank you very much for the help and quick reply.