XF 1.3 How to make custom user field under avatar font smaller?

[LurkerLou]

I'm trying to make the font of custom user fields that appear under a user's avatar smaller as some users names are a bit too long and run two lines. I believe the default is "1" already and I tried CSS inside the value display and has no effect.

 

[Paul B]

Try using this in EXTRA.css:

.messageUserBlock .extraUserInfo dl.pairsJustified dd
{
font-size: 10px;
}

 

[Amaury]

Try using this in EXTRA.css:

.messageUserBlock .extraUserInfo dl.pairsJustified dd
{
font-size: 10px;
}

Style Properties > Message Layout > Extra User Info would also work.

 

[LurkerLou]

Try using this in EXTRA.css:

.messageUserBlock .extraUserInfo dl.pairsJustified dd
{
font-size: 10px;
}

Style Properties > Message Layout > Extra User Info would also work.

Brogan's method worked but Chrome's poor font usage doesn't allow the effect to take effect for some reason. The font size changes in Firefox.