Thread:Gr8Kodr/@comment-171752-20151110161346/@comment-171752-20151111171435

Yeah, that seems like a lot of different information. :) Based on your original, brief request and your quote above - "I'm trying to convert all the current in-line styling to CSS classes and thus tidy up the appearance and readability of the template" - I'll start with that specific problem.

what I can't get my head around, is where do I store template specific CSS? First, I'll answer this question, which may solve a lot of the problems you're having. All CSS has to be located at MediaWiki:Wikia.css. You can easily access that page by clicking the CSS icon on the admin dashboard.

On the table of Template:CardsTest, I noticed, but there are no styles defined for it at that wiki's Wikia.css page. For any styles that would need to be applied to any entire table/infobox using that class name, it would be a good idea to define those styles at MediaWiki:Wikia.css using:

.article-table {

}

To get away from using inline styling plus for the card's title area, I think this would be an acceptable solution.

On the template: 

On MediaWiki:Wikia.css: /* Faction text color */ .Gods { color: #00FF00; } .Demons { color: #DC143C; } .Man { color: #4682B4; }

I'm also trying to decide if we should switch over to the new portable infobox structure, so far I can't see how it would be possible to do so and retain the current visual design Unfortunately, the portable infobox currently does not have the option to display the image off to the left, with all of the data off to the right.