Forum:(CSS Help) Need help in tweaking my CSS layout

Hello, I'm having some trouble in working with my Wiki's CSS layout.

The page controls are currently black text in maroon (which is supposed to be white text in maroon). One main reason is that the CSS governing the properties of the #page_controls element is found on another style sheet and that has the !important tag in it. I've tried adding the !important tag in the Common.css and nothing changes.

Also, there seems to be a maroon line coming out from nowhere on the bottommost part of my pages. I've checked using Firebug and discovered that it might be excess from either the shrinkwrap or the html element. I've tweaked both and nothing happens.

Also, I'd like to have some advice from more experienced CSS developers regarding my current Common.css.

Additional info: Firefox is 3.6.2, Firebug is 1.5.3 and base skin used is Gaming. (<- not my fault, as I'm not the original owner of the Wiki). Links for site main page and Common.css here.

Thanks in advance! Admin of Shakugan no Shana WIki, Herald of meridian 12:51, March 30, 2010 (UTC)


 * It looks like you've put all your skin customisation in Common.css - this should probably be in Monaco.css. Probably not related to the problems you're having, but it's always advisable. The page controls look white to me, you might have had a cache problem before. For the line problem, try .color2 { background: transparent !important; } (!important may not be necessary). That's a bit of a hack though. The 888th Avatar   (talk)  00:52, March 31, 2010 (UTC)

Okay, just migrated the non-color CSS stuff into Monaco.css. (And man, I hate it when the cache fails to update the site's CSS. Does Firefox really have issues on cache? Plus, the "hack" on .color2 doesn't work. Herald of meridian 01:28, March 31, 2010 (UTC)


 * All browsers will cache stuff, it's not specific to any one browser - hence the CTRL-F5 to clear the browser cache. I've managed to produce a more accurate fix for the red line - see here. Copy that to your Monaco.css and everything should be okay. :) The 888th Avatar   (talk)  08:30, March 31, 2010 (UTC)

I've gotta say the Gaming theme is somewhat screwed up. It doesn't load all the stuff in Monaco.css and it leaves me with most of the site looking like the original Gaming theme. I've spammed Ctrl-F5 and nothing happens. Herald of meridian 01:23, April 1, 2010 (UTC)


 * I'm surprised that any of the css changes you've made are displaying at all. The default skin for your wiki is still set as 'gaming'. You want to change that to custom. To do that, go to Special:Preferences, click the Skin tab, scroll down to Admin Options, select custom from the drop down menu and Save. Once you've done that, the skin's appearance will be controlled by the css specified on MediaWiki:Monaco.css. JoePlay ( talk ) 04:21, April 1, 2010 (UTC)

Okay, I set things to Custom and tried tweaking my Monaco.css. Seems Wikia has issues about updating speeds of CSS. Took about 5 minutes to update my CSS. EDIT: Also discovered that my layout keeps reverting to the untouched original even though the CSS has been modified already. Herald of meridian 06:10, April 1, 2010 (UTC)


 * That's probably just to do with cache, nothing too spectacular (that is the hope). The 888th Avatar   (talk)  06:33, April 1, 2010 (UTC)

That cache problem is one big pain the butt. Currently, my Wiki is a big mess because of this. I don't know what to do now. Herald of meridian 06:47, April 1, 2010 (UTC)


 * It's annoying, but unfortunately it's integral to the browsing experience. All wikis will have the same problem, not just Wikia's. Not caching pages on the web would simply make the Internet much too slow, which is much worse than having changes appear late (and probably show up within the day anyway).
 * About your wiki - do you want me to help? I doubt that everything that's going on there has to do with cache. The 888th Avatar   (talk)  06:53, April 1, 2010 (UTC)

Sure, go ahead. I do have some experience in CSS, but there are some aspects that I still have little info about. EDIT: Finally, my layout updated itself. Another Ctrl-F5 later, poof! My decent tweaking failed to show again. Herald of meridian 07:01, April 1, 2010 (UTC)