Jump to content

Change navigation bar colour

Recommended Posts

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.

Share this post

Link to post
Share on other sites

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.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...