Forums: Index → Community Central Forum → Navigation bar CSS
Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.
To contact staff directly or to report bugs, please use Special:Contact.
What are the wikia.css settings that control the color of the navigation menu? The drop down thingies near the wordmark?
All I could manage was change the text color... Any help appreciated. --IK Talk 16:26, October 24, 2010 (UTC)
- Hi there - you can change the colour of the text menu by using the CSS class
.WikiHeader nav
. If you want to find more CSS classes to customise, there are tools in the browser available for this purpose. In Firefox, you can download Firebug. In Chrome, there is a built-in tool for looking at website source which can be accessed by choosing "Inspect this element" from the right-click menu. Good luck. :) The 888th Avatar (talk) 03:06, October 25, 2010 (UTC)
- I tried using Firebug, but it doesn't give me anything I can use, thanks for the tip though. I'm trying to change the color of the navigation buttons, both when they are idle and when you mouse over them. ".WikiHeader nav" seems to change the background color of the bar, but I couldn't do anything useful beyond that.
- --IK Talk 06:17, October 25, 2010 (UTC)
- Oh - you want hover as well. :) I went to take a closer look; I've got more specific instructions now.
.WikiHeader nav
is not the most specific. The most specific class to use is.WikiHeader li
. If you want to make the buttons to change colour when hovering over them, use the class.WikiHeader li:hover
, and specify background colour. The 888th Avatar (talk) 09:44, October 25, 2010 (UTC)
- Oh - you want hover as well. :) I went to take a closer look; I've got more specific instructions now.
- Thanks :) The cache was randomly stuck, so things were not always working... So the working options are as follows (with random colors):
/* color of idle navigation buttons */ .WikiHeader li { background:#6D0D00; } /* color of navigation buttons on mouse-over */ .WikiHeader li:hover { background:#f213c5; } /* borders of navigation submenu */ .WikiHeader .subnav { background:#087114; border: 3px solid #908915; } /* background, border color of each submenu item */ .WikiHeader .subnav li a { background:#47f213; border: 1px solid #13f2da; } /* background color of each submenu item on mouse-over */ .WikiHeader .subnav li a:hover { background:#4c21db; } /* Navigation menu idle text color */ .WikiHeader li a { color:#e7e54a; } /* Navigation menu text color on mouse-over */ .WikiHeader li a:hover { color: #ffffff; }