Change the image overlay arrow icon in product images to my client's logo

Hello Sirs,

How are you?

I am very happy using your great theme!!

I have a short question:

I would like to change the image overlay arrow icon in product images to my client’s logo

I have found the following css code in a past posting but my problem is that I don’t know in which folder, the image “for replace” should be. I coppied the image to “images” or “uploads” folders but nothing happened. I also tried to write the full url but no result again.

I tried the following CSS Code:

.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: “”;
background: #a81010 url(../uploads/favicon-32×32.png) no-repeat center center;
}

OR THE FOLLOWING CSS CODE WITH FULL URL:

.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: “”;
background: #a81010 url(‘http://zoomit.gr/wordpress_2/wp-content/uploads/2017/05/favicon-32×32.png’) no-repeat center center;
}

BUT NO RESULT!!

also, the following code didn’t work for me:

.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: ”;
border-radius: 0;
background-image: url(http://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}

Please, I need your precious support!

Thank You in advanced

Nick

• This topic was modified 7 years, 6 months ago by nickgin.