Infoboxes and Navboxes theme

You can create a span class for the new infoboxes and navboxes and change their color using CSS.

I should've elaborated. I know of the method in which a span class can be added to my CSS. That much I know. But I don't know how to start it.

I think that you would actually use div class. So before your template's code write:

<div class="">

Of course, put a name inside the quotes. After the template's code write:

</div>

Tried it. It changed the color of all the infoboxes

http://riverdale.wikia.com/wiki/MediaWiki:Themes.css

You could use theme-source

In MediaWiki
Using the same elements as .portable-infobox add the theme for "Series2"

.portable-infobox.pi-theme-Series2.pi-background {
    background-color: xxxxxx;
}

In Template:Episode
Add theme-source

<infobox theme-source="series">

Using Template:Episode
Include an additional variable. As no theme has been setup in MediaWiki for the original series, this will be ignored

{{Episode
|series= Series2

|name=Chapter One: The River's Edge

Thanks. That really helped. I almost got it done. I managed to change the color of the background of the template from blue to red, but the title, header, and navigation won't do the same despite the fact that I'm copying the code and adding in "Series2"

Original series

.portable-infobox .pi-title,
.portable-infobox .pi-header,
.portable-infobox .pi-navigation {
    background-color: #002041;
}

Spin off

.portable-infobox-theme-Series2 .pi-title,
.portable-infobox-theme-Series2 .pi-header,
.portable-infobox-theme-Series2 .pi-navigation {
    background-color: #410000;
}

Try this edit with pi infront of theme

.portable-infobox.pi-theme-Series2  .pi-title,
.portable-infobox.pi-theme-Series2  .pi-header,
.portable-infobox.pi-theme-Series2  .pi-navigation {
    background-color: #410000;
}

That worked. One last thing, would this same method work with my navbox?

http://riverdale.wikia.com/wiki/MediaWiki:Common.css