• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • 😌 This community is user driven. Be polite with other users.
    • 👉 Is required to purchase a Chevereto license to participate in this community (doesn't apply to Pre-sales).
    • 💸 Purchase a Pro Subscription to get access to active software support and faster ticket response times.
  • Chevereto Support CLST

    Support response

    Support checklist

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

anotherp

Chevereto Member
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.
 
Check the CSS selector then go to dashboard > theme and add your custom css.
 
Check the CSS selector then go to dashboard > theme and add your custom css.

Thank you for the reply, I tried this:

Code:
.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.
 
it should be background-color, or just background without spaces.
 
I finally found the line of code I was looking for in peafowl.css

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