Reply To: Changing color of image background

Hello,

To change the background color of product grid items. You can use the below CSS code in your global custom CSS area under theme settings:

.product-grid-item .hover-img img{
background: grey;
}
.product-grid-item .product-element-top{
background: grey;
}

Result: https://jmp.sh/1IteKxU

Remember that the images must have transparent background like .png images. Otherwise the background color can’t be seen. Also I just used “grey” color just to set an example for you, you can use any other color of your choice.

Best Regards.