Changing product image placeholder background colour
-
From the image, you can see one of my product thumbnail has a very light grey background colour behind the product, I made that by editing the image. But if I want to change for the overall places could take a lot of time. Is it possible that I can insert a background colour code of #f8f8f8 and apply to everywhere with product image (product page, category page, thumbnail, gallery, checkout). All my image is in PNG with transparent background, so adding this colour should works.
Attachments:
You must be
logged in to view attached files.
Hello
Please add this code to the Theme Settings > Custom CSS
.product-grid-item .product-image-link {
display: block;
background-color: #f8f8f8;
}
Best Regards
Tried to apply, but only home page, category page grid come with this background colour. Still, product page, product’s gallery, cart page, and etc not showing this background colour.
Hello,
Here is the code for:
Product page:
.image-action-zoom .owl-carousel .product-image-wrap {
background-color: #f8f8f8;
}
Gallery
.woocommerce-product-gallery .product-image-thumbnail.active-thumb, .woocommerce-product-gallery .product-image-thumbnail:hover {
background-color: #888888;
}
Shopping cart
td.product-thumbnail>a {
background-color: #f8f8f8;
}
Best Regards
.
