Forum:Customizing New Wiki-nav

Hi! The new navigation just got added to Songpedia, it worked very well and everyone loves it, but other than that, I want it to look nice. This code doesn't work anymore please update it to the new code(s): .WikiHeader nav { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: #000 !important; font-size: 95%; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .WikiHeader nav:first-child a { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: #000 !important; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .WikiHeader li:hover { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: #696969 !important; font-weight: bold; -moz-border-radius: 19px; -webkit-border-radius: 19px; } .WikiHeader li { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: black !important; } .WikiHeader li { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) !important; color: black !important; } .WikiHeader li a { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) no-repeat !important; color: black !important; } .WikiHeader li:first-child a { background-image: url(http://images2.wikia.nocookie.net/__cb20110414075446/clubpenguinuser/images/1/12/Gardient.png) no-repeat !important; color: black !important; } .WikiHeader .subnav { background-color: #dcdcdc !important; color: black !important; border: 1px solid #000 !important; font-weight: normal; -webkit-border-bottom-left-radius:0.9em; -webkit-border-bottom-right-radius:0.9em; -moz-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); } .WikiHeader .subnav a { background-color: #dcdcdc !important; color: #fff !important; font-weight: normal; } .WikiHeader .subnav li a { background-color: #dcdcdc !important; color: black !important; border-top: 1px solid #000; font-weight: normal; } .WikiHeader .subnav li a:hover { background-color: #fff !important; color: #000 !important; font-weight: normal; } .WikiHeader .subnav li:first-child { background-color: #dcdcdc !important; color: black !important; font-weight: normal; } .WikiHeader .subnav li:first-child a:hover { background-color: #FFFFFF !important; font-weight: normal; color: #000 !important; } .WikiHeader .subnav a:hover { background-color: #FFFFFF; !important; color: #000 !important; font-weight: normal; } Thanks! -- 11:03, October 4, 2011 (UTC)


 * What is it that you are asking? Since the old and new nav menus are quite different, you can't just rename the selectors to the new ones and hope it will look as expected. You need to be specific about what you want the menu to look like.


 * Also, nice editor theme, too bad you didn't copy the documentation for it, since it might be useful for other wikis, trying to customize their editor layout. — Sovq 12:01, October 4, 2011 (UTC)