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

So I've spent the last few hours attempting to implement basic table CSS in MediaWiki:Wikia.css and fixing various issues on the advice of another editor. The code as it currently stands is:

table { border: 0 none; } tr > th { text-align: center !important; background: #BA9D7F !important; color: black; border-bottom: 1px solid #ddd; } tr > .table { text-align: left; color: black; border-bottom: 1px solid #ddd; } .article-table td { background: #D4C2B0; It was only thanks to the use of !important that the header rows' (th) background color and text finally adopted the styes under tr > th, but it looks like it's now affected some of the wiki's infoboxes as a consequence. The (portable) book template's "next" data-source now displays with #BA9D7F !important, as does the top header of the (non-ported) album infobox. I guess they're sharing the tr > th tag(s), but I'm not sure how to address the issue. It's taken upwards of 30 minutes to see Wikia.css changes populate on the affected pages, which is why I'm now bringing the issue here. One way could be to create a whole new table class, I suppose, but I'm wondering if there's a simpler solution...

For examples of the table CSS in action, see the Runorata Family page and the page which uses the album infobox screencapped above. 