Help talk:Infoboxes/CSS

Monobook label fix
There is a problem with displaying labels in monobook. They have too much top padding and might have bold applied twice.

To fix it take out any bold markers affecting the labels in the template page and put this in your Monobook.css. Adjust font-size as required. /* Portable infobox label column */ .portable-infobox .pi-data-label { padding-top: 0px; font-size: 12px; } This code that I used may or may not also help: /* Change infobox elements paddings: */ .portable-infobox .pi-item-spacing { padding-top: 0.3em; padding-right: 0.6em; padding-bottom: 0.1em; padding-left: 0.6em; }

/* Change infobox data values font size: */ .portable-infobox .pi-font { font-size: 12px; }

/* Portable infobox title */ .portable-infobox .pi-title { padding-top: 0em !important; padding-bottom: 0em !important; } -- Jade Raven  (talk to me)  10:39, October 27, 2015 (UTC)


 * Thanks for bringing this to our attention! I'll pass a note along to the technical team for them to review. 15:38, October 27, 2015 (UTC)

How?
CSS:

How to define the name of the template?

.portable-infobox.pi-background { background-color: #ff0000; }

Is it right if I want my infobox to be called nation-infobox?

.nation-infobox.pi-background { background-color: #FFFFFF; }

So in frontend, this is what I need to do?

 XP Mai (talk) 00:13, November 21, 2015 (UTC)


 * Not quite - Help:Infoboxes/CSS shows how to do give an infobox a specific class.  would give you a class of    14:23, November 23, 2015 (UTC)

Actually adding CSS
Where and how do you actually add the CSS to the infobox source? I've been trying on this template here and all it shows is the CSS bit on the infobox page and and wherever the infobox is, not actually customizing the infobox. ZioreRogue (talk) 05:49, January 16, 2020 (UTC)


 * You're supposed to add the CSS on your wiki's CSS, not on template page. See Help:Community CSS and JS for more information. CrazyForMyself (talk) 05:56, January 16, 2020 (UTC)
 * And what if I can't access that page, since I'm a regular user? Is there another way to do this? ZioreRogue (talk) 07:36, January 16, 2020 (UTC)