Howto: Change the color of the grey "blank space?"

[anotherp]

I have seen in other posts you mention the grey area that appears when images are too small for the defined area. A grey box is shown. Hopefully you know what I am talking about.

I am curious as to where to change the color for this. I know the color is set as: #FFF , but I cannot seem to find the exact spot.

 

[Rodolfo]

Check the CSS selector then go to dashboard > theme and add your custom css.

 

[anotherp]

Check the CSS selector then go to dashboard > theme and add your custom css.

Thank you for the reply, I tried this:

.list-item-image {
    background color: #474747;
}

But it didnt seem to work.

ALso not sure if I am going for the right DIV. I do believe it is list-item-image but I might be wrong.

 

[Rodolfo]

it should be background-color, or just background without spaces.

 

[anotherp]

I finally found the line of code I was looking for in peafowl.css

}
    .tone-dark .list-item-image, .tone-dark .list-item-thumbs, .tone-dark .list-item-thumbs li {
        background: #212121;
    }