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)