As designed CSS issue under-image titles.


Active member
The color defined for that text area with title and username is set to #F0F0F0.
.mfp-title a {
padding: 0 5px;
overflow: hidden;
zoom: 1;
position: relative;
color: #F0F0F0;
white-space: nowrap;
text-overflow: ellipsis;
But supposedly there should be a slightly different color (#BDBDBD) for the username under that title:
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
I tried playing with it by adding "a" to the end of the small class (.mfp-figure small a) which makes the defined color show up but it messes up the font size a little.

Chris D

XenForo developer
Staff member
Technically, this is 3rd party CSS here, so I'm going to treat this As Designed. I don't really see a compelling reason to change it.

Naturally if you would like to, the correct CSS that would target that would be:

.mfp-figure small a
    color: #bdbdbd;
You could add that to EXTRA.css if so desired.