Changing Product Background Color in Shop

Hello,

i tried the whole day to change the background color of the products in the product overview in the shop.
We added some png photos of our products and the Background is always black not white. When we open the product the Background is white in the product view.

Look at the attached screenshot to understand what i mean.

How is it possible to Change the Color to white?

Thanks a lot for your Support.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.basel-hover-info .product-element-top {
	background:transparent;
}

.basel-hover-info .product-element-top > a:before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0;
  	-webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.basel-hover-info:hover .product-element-top > a:before {
	opacity:0.8;
}

.basel-hover-info:hover > .product-element-top > a {
	opacity:1;
}

Kind Regards
XTemos Studio

It works perfectly. Thanks a lot for your quick Response/help.
Great work guys!

You are welcome, we are always happy to help you, write us when you have any difficulties or issues with our theme.

And we would be glad if you will rate our theme with 5 stars on Theme Forest in case you are satisfied with our theme and customer service http://themeforest.net/downloads

Thank you in advance 🙂

[Author]

Posts