Board Thread:New Features/@comment-24739709-20150518230347/@comment-4189499-20150522033055

I've done some testing and have run in to some problems with CSS. Over on my test wiki, I have tried to recreate the infobox I made for BCW by using the new tags to replicate the infobox structure and by copying the CSS and changing the selectors from their original classes to their new tag equivalent. However, I have discovered that this doesn't work. Whatever the CSS says, nothing in the infobox changes, however if the tags are just listed as selectors by themselves (eg infobox {...} title {...} header {...} etc.), other parts of the page become significantly messed up (see for image). This problem does not occur if the selectors are preceded by the parent element name "infobox" (eg infobox {...} infobox title {...} infobox header {...} etc.), but the infobox remains unchanged by any of this CSS. I could just be doing something really dumb with the selectors here, as I'm used to modifying CSS via classes rather than tags alone, but just in case I am right, there needs to be some fixes to allow custom CSS.

For reference:
 * Page with original infobox for BCW at the top and newly made infobox at the bottom, using the same template call: w:c:imamadmad:Infobox test
 * Original infobox template: w:c:imamadmad:Template:Infobox character
 * New infobox template: w:c:Imamadmad:Template:BCW_Infobox_v2
 * Original infobox CSS: w:c:Imamadmad:MediaWiki:BCW_infobox.css
 * New infobox CSS: w:c:Imamadmad:MediaWiki:BCW_infobox_v2.css
 * Both CSS pages are imported into common.css, which itself is imported into wikia.css.