Board Thread:Support Requests - Getting Technical/@comment-27732916-20180809160953

We want our infoboxes (like the character one here) to have alternating rows like for example the Shadowhunter, Harry Potter or Star Wars wikis. The infobox's table rows should automatically have a certain color different from the one on top of it.

We tried adding

.portable-infobox tr:nth-child(odd) td { background-color: #EFE6BA; } .portable-infobox tr:nth-child(even) td { background-color: #E3DAB0; } .portable-infobox .pi-navigation:last-child { border-radius: 0 0 10px 10px; text-align: center; }

to our CSS, but nothing seems to change.

We tried disabling the Europa theme and changing .portable-infobox (Since we modified the Character Infobox, it is no longer portable and the migration tools produces an empty draft, but all other infoboxes should are still portable) as well as using commons.css and copying the Shadowhunter's CSS but nothing seems to take effect.

We are all not really experienced with CSS, so any help would really be appreciated. Thanks in advance! 