Board Thread:Support Requests - Getting Technical/@comment-5595029-20190614123205/@comment-23989026-20190616201424

am not sure if switching to the new one would be a good idea

I'd like to add a tabber inside that infobox, above the image, that would fit the template colors (e.g. red borders/text + transparent black filling), for having, for example, 3 different images. I'm not sure how to do that or if that's possible, because I usually see the tabber having the default wiki colors

Portable infoboxes is about uniformity. Like all data font to be white whilst yours are color-coded.

The main change you want is the addition of a tabber. I recommend that you just add it to your existing infobox. There is a help page to explain how to change to your color-scheme.

This is the changes I made to create the below infobox ul.tabbernav { border-bottom: 2px solid #7F0000; padding: 5px; } .tabberlive { /* tabber wrapper style */ border: 0; margin-top: 1em; } .tabberlive > .tabbertab:not(.tabbertabhide) { /* tabber visible content */ background: #100e0e; color: #fff; border-color: #100e0e; } .tabberlive > .tabbernav > li > a { /* tabber tabs */ background: #100e0e; color: #fff; border: 2px solid #7F0000; padding: 5px 15px; } .tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ background: #7F0000; color: #fff; border-color: #7F0000; } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ } .tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ background: #7F0000; color: #fff; border-color: #7F0000; } .tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ background: #100e0e; color: #fff; border-color: #7F0000; } .tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ background: #7F0000; color: #fff; border-color: #7F0000; }

I have an option 3 images or single image and replace the image row with
 * colspan="2" align="center" |
 * colspan="2" align="center" |