Board Thread:Support Requests - Getting Technical/@comment-27510122-20151231182423/@comment-4731443-20151231195501

Basically, portable infobox styling is done through CSS, which means you need to add CSS rules to your Special:CSS page. If you want to copy the Yogscast Wiki infobox and work from there, here is their style: /* Infobox stuff */ .pi-theme-yogs { background-color: #FFFFFF; } .pi-background { background-color: #FFFFFF; } .pi-title{ background-color: #3366CC; text-align: center; color:#FFFFFF; font-size:110%; font-weight: bold; } .pi-header{ background-color: #3366CC; text-align: center; color:#FFFFFF; font-size:110%; font-weight: bold; } .portable-infobox { padding: 5px; } .pi-data { padding: 0 !important; } .portable-infobox .pi-data-label { padding: 5px 10px; background-color: #3366CC; color:#FFF; } .portable-infobox .pi-item-spacing { padding:0; } .pi-data-value { padding: 5px 10px; } .pi-image { margin: 5px 0; }

I don't think I can explain it better than Help:Infoboxes/CSS, which you've probably read already, but the class names should be relatively self-explanatory regarding what they affect. Just keep in mind that rules like  apply only to infoboxes that use the "theme" or "theme-source" parameter with "yogs" as its value. Everything else applies to all infoboxes on the wiki.