Board Thread:Support Requests - Getting Technical/@comment-3218221-20180205075010/@comment-3218221-20180205213747

Ah, sorry, perhaps I wasn't clear enough in my original post. The code I shared in the parent comment is the code that is currently enabled via Wika.css and is, as you have noticed, the code behind the screenshot in my last comment. The problem with that code is that it is affecting the th elements of some of the other templates and infoboxes on the wiki (as screenshotted in the parent comment).

Since I doubted that I knew enough CSS to correctly increase the specificity of the CSS selectors as you suggested (if only...!), I decided in the meantime to try and workaround the issue by creating a new table class (as mentioned in my first reply). I have been testing the experimental table class CSS in my personal CSS, and have set up a table in the sandbox in an attempt to observe the CSS's effects without disturbing the wiki further.

The table in the right screenshot is the table in my Sandbox, based off the following code in my personal common and wikia.css:

.tableA tr > th { text-align: center !important; background: #BA9D7F !important; color: black; border-bottom: 1px solid #CEB9A3; } tr > .tableA { text-align: left; color: black; border-bottom: 1px solid #CEB9A3; } .tableA td { background-color: #D4C2B0 !important; }

Clearly, the code is not producing the desired result: a table that looks like the .article-table does now. As you mentioned, creating a new table class would be one way to overcome the .article-table code overriding the infobox CSS, but so far I cannot seem to realize it. It's either this or identifying the right CSS selectors, I think, but I can't seem to hit upon either solution.

-

Thank you for the warning on the @import url. I was already aware that import statements must be at the top of the sheet, admittedly, but the fact of the matter is that those import statements date back to edits made to the wiki in 2013, before my time. I confess that I have avoided touching the old CSS to the point of neglect.