FANDOM


This Forum has been archived

Visit the new Forums
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.

50px-Replacement filing cabinet.svg

Note: This topic has been unedited for 3533 days. It is considered archived - the discussion is over. Do not add to unless it really needs a response.

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)
By Highlighting (chnage the color) Firebug told if you add .WikiHeader nav { background-color: #FF0000; } to MediaWiki:Wikia.css the you will change the navbar's background color to #FF0000 (red). --  Roguebfl   talk    contribs    email   08:58, 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)
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;
}
This really wasn't worth four days of my time. It's good to have this skin imposed on us, when we can't even have such simple instructions to make it work properly... --IK Talk 23:57, October 26, 2010 (UTC)
Community content is available under CC-BY-SA unless otherwise noted.