Forum:CSS coding required

I'd like to ask if anyone can help me with some css solutions. I need two at the moment: Just a note both of these are only going to be used for my personal use and I know to use theme designer if it's for the whole wiki. Any help is appreciated! ~>ฬ ђ tคlк 09:30, September 3, 2011 (UTC)
 * 1) Overwrite the wiki's existing wordmark with one I choose through CSS code
 * 2) Change the colour of the bars and buttons, e.g the topbar with the account navigation and buttons such as the "create page" and "publish edit"


 * As for the wordmark - CSS is not the appropriate tool to modify it. It's possible, but the code wouldn't be too clean. I guess someone else might be of more help here


 * As for the second issue:

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-image: -moz-linear-gradient(top, #ff0000 35%, #880000 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #ff0000), color-stop(65%, #880000)); }

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:hover, .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover { background-image: -moz-linear-gradient(top, #00ff00 35%, #008800 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #00ff00), color-stop(65%, #008800)); }

a.wikia-button:active, .wikia-single-button a:active, .wikia-menu-button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .button:active, button:active, .wikia-menu-button > a:active, .wikia-menu-button .drop:active { background-image: -moz-linear-gradient(top, #0000ff 35%, #000088 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #0000ff), color-stop(65%, #000088)); }


 * will cover the buttons. There might be buttons unaffected by this - it's just the button styles I found.

.WikiaHeader, .WikiaFooter .toolbar { background-color:#ff0000; background-image: -moz-linear-gradient(left, #ff0000 0, #00ff00 50%, #0000ff 100%); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0, #ff0000), color-stop(50%, #00ff00), color-stop(100%, #0000ff)); }
 * will change the header and footer bar colors.

.WikiaHeader nav, .WikiaFooter .toolbar .tools { background-image: none; }
 * will remove the checkered background image from the header and footer bars. — Sovq 10:44, September 3, 2011 (UTC)
 * Thanks, but I think there might be an issue with some of this. I've added to my home wiki css and it interferes with my background, in that the background isn't fixed anymore, but moves with the page when I scroll up or down. I'm not sure what this is caused by, but I'll fiddle around and see if I can work it out. If anyone knows, post below :) ~>ฬ ђ tคlк 10:57, September 3, 2011 (UTC)


 * The code above works fine to me. The background isn't fixed because you removed that definition from your personal css page

 body { background-attachment: fixed; }
 * — Sovq 12:05, September 3, 2011 (UTC)
 * * facepalm* It works now, thanks for that! ~>ฬ ђ tคlк 12:09, September 3, 2011 (UTC)