Board Thread:Support Requests - Getting Technical/@comment-25240518-20150214213654/@comment-452-20150219230234

Well, I'm not sure what you mean by "unnecessary changes to the navbar on certain screens.", but it doesn't really matter because your conclusion is correct: you should set the colour of the wikinav in themedesigner, and remove the CSS I quoted in my last comment.

I'm going to write these steps out in full, in case anyone else wants to do something similar.


 * Step 1 - Find the right button colour.
 * In themedesigner, set the colours you want your buttons to be. (Done!)

Here they are: a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-color: deeppink; background-image: -moz-linear-gradient(top,#ff47aa 35%,deeppink 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#ff47aa),color-stop(65%,deeppink)); background-image: -o-linear-gradient(top,#ff47aa 35%,deeppink 65%); background-image: -ms-linear-gradient(top,#ff47aa 35%,deeppink 65%); border: 1px solid deeppink; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: #ff008a; background-image: -moz-linear-gradient(top,#ff33a1 35%,#ff008a 65%); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,#ff33a1),color-stop(65%,#ff008a)); background-image: -o-linear-gradient(top,#ff33a1 35%,#ff008a 65%); background-image: -ms-linear-gradient(top,#ff33a1 35%,#ff008a 65%); }
 * Step 2 - Copy the button colour.
 * Right click on the button, choose "inspect element"
 * Navigate the browser inspector to the button element
 * In the style browser, copy all of the relevant styles


 * Step 3 - Add those to your wiki's stylesheet.
 * Help:JavaScript and CSS Cheatsheet


 * Step 4:
 * Use themedesigner to change the wikinav colour.

edit: added ".wikia-menu-button > a:hover" styles.