-
AuthorPosts
-
May 27, 2017 at 12:47 am #800465
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, 7 months ago by nickgin.
May 27, 2017 at 12:09 pm #800517Hello Sir,
I figured that out!
The following code worked for me:
.image-overlay .image-overlay-inside:before {
content: ”;
border-radius: 0;
background-image: url(http://zoomit.gr/wordpress_2/wp-content/uploads/2017/05/Z_logo.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 80% 80%;
}Thank You!
Please close the topic.
May 27, 2017 at 6:12 pm #800590Hi nickgin,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.