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)

Change colour of specific infoboxes
I want to change the colour of specific infoboxes.

I tried the following code, but that did not work:

!important did not work, either. I want to change the colour of the headings, such as the one in which the title (defaults to page name) is. ― PapíDimmi  ( talk | contribs )  09:14, July 30, 2016 (UTC)