Board Thread:Support Requests - Getting Technical/@comment-848088-20151217000339/@comment-3474542-20151217082011

You'll want to read the info at Help:Infoboxes/CSS. Basically, you will need to move the styling from the infobox to the css page, and then use classes to tell the infobox which theme to use. I think Portable Infoboxes on Portability Wiki has the best explanation. But, this page has a better explanation of how to customize an infobox via CSS to use multiple themes. Help:Infoboxes/CSS needs to be updated to include the info at Portability wiki, but it does have a list of portable infobox elements and options. Don't forget to use the preview button on your draft page to see how changes to the infobox and/or CSS will affect various pages without having anything change on your wiki.

For the infobox to change via the element attribute, you would use: 

Your CSS file would then need a section similar to the following added:

/**************************/ /* BEGIN Portable Infobox */ /**************************/ /* ALL themes */ .pi-title { text-align: center; }

/* Air Portable Infobox Theme */ .pi-theme-air { border: 3px solid #ADD8E6; }

/* Dark Portable Infobox Theme */ .pi-theme-dark { border: 5px solid #7d7dbb; }

/* Earth Portable Infobox Theme */ .pi-theme-earth { border: 5px solid #960; }

/* Undead Portable Infobox Theme */

.pi-theme-undead { border: 3px solid #808080; } /************************/ /* END Portable Infobox */ /************************/