Board Thread:Support Requests - Designing Your Wikia/@comment-24042083-20140312144210/@comment-24042083-20140314113325

Thanks! I made a few changes to it and now almost all buttons have no gradient!

But when you put your cursor on it, it still has the old hover effect. There is no way to change that? This is my total right now: .wikia-menu-button { background-image: url(http://images.wikia.com/moderncombatgames/images/4/43/Wiki_Banner.png); } .wikia-menu-button:hover { background-color: #000000; border: 1px solid #0F7403; } .WikiaRail .module .wikia-button, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button { -moz-box-shadow: 0 0 7px black; background-image: url(http://images.wikia.com/moderncombatgames/images/4/43/Wiki_Banner.png); }

.WikiHeader .buttons a { -moz-box-shadow: 0 0 3px black; -webkit-box-shadow: 0 0 3px black; box-shadow: 0 0 3px black; }

.WikiHeader .buttons a:hover { border: 1px solid #0F7403; background-color: black; box-shadow: 0 0 3px black; }

.wikia-menu-button ul:hover { border: 1px solid #0F7403; background-color: black; color: white !important; }

.wikia-menu-button ul { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background-image: url(http://images.wikia.com/moderncombatgames/images/4/43/Wiki_Banner.png); color: white !important; } .wikia-menu-button ul a { color: white; } .wikia-menu-button ul a:hover { color: white; background-color: black } input[type="submit"], input[type="reset"], input[type="button"], button { background-color: black; }

input[type="submit"], input[type="reset"], input[type="button"], button:hover { background-color: black; }

a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, button.secondary { background-color: #0F7403; background-image: url(http://images.wikia.com/moderncombatgames/images/4/43/Wiki_Banner.png); border: 1px solid #0F7403; color: #D5D4D4; }

nav.wikia-menu-button, a.wikia-button.secondary.talk, a.wikia-button.comments, input[type="submit"], nav.wikia-menu-button.secondary, a.wikia-button.upphotos, div.chat-join button, .wikia-button.share, input[type="reset"], input[type="button"], a.wikia-button.secondary.talk, a.wikia-button.comments, .wikia-single-button a, .WikiaHeader li > .wikia-button, .button, button, nav.wikia-menu-button:active, .WikiHeader nav:active, nav.wikia-menu-button { background-color: #0F7403; background-image: url(http://images.wikia.com/moderncombatgames/images/4/43/Wiki_Banner.png); }
 * 1) WikiaRandomWiki,
 * 2) WikiaSearch button,

nav.wikia-menu-button:hover, a.wikia-button.secondary.talk:hover, a.wikia-button.comments:hover, input[type="submit"]:hover, nav.wikia-menu-button.secondary:hover, a.wikia-button.upphotos:hover, div.chat-join button:hover, .wikia-button.share:hover, input[type="reset"]:hover, input[type="button"]:hover, a.wikia-button.secondary.talk:hover, a.wikia-button.comments:hover, .wikia-single-button a:hover, .WikiaHeader li > .wikia-button:hover, .button:hover, button:hover, nav.wikia-menu-button:active:hover, .WikiHeader nav:active:hover, nav.wikia-menu-button:hover { color: white; background-color: black; border: 1px solid #0F7403 !important; } (I didn't remove the old code because doing that resulted in loss of the effect on some buttons.)
 * 1) WikiaRandomWiki:hover,
 * 2) WikiaSearch button:hover,

The last block doesn't seem to do anything...

Please don't get me wrong, I'm very grateful!