kurraglen Posted August 1, 2020 Share Posted August 1, 2020 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. Link to comment Share on other sites More sharing options...
bsmither Posted August 1, 2020 Share Posted August 1, 2020 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. Link to comment Share on other sites More sharing options...
kurraglen Posted August 1, 2020 Author Share Posted August 1, 2020 I had tried that but must have been doing something wrong! It works now. Thank you very much for the help and quick reply. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.