As designed CSS issue under-image titles.

Moddis

Active member
The color defined for that text area with title and username is set to #F0F0F0.
HTML:
.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:
upload_2015-3-12_10-49-49.webp
HTML:
.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.
 
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:

Code:
.mfp-figure small a
{
    color: #bdbdbd;
}

You could add that to EXTRA.css if so desired.
 
Top Bottom