Return to previous page

Odd Image Problem On The Single Product Page

This topic has 8 replies, 3 voices, and was last updated 1 years, 2 months ago ago by Rose Tyler

Jay545452

Participant

February 5, 2023 at 22:17

Hi,

Can you tell me whats going on with the image, when I hover my mouse over the image it enlarges, which is what I want but the background image is still there and it all just looks weird

Please, contact administrator
for this information.

#346107 Copied Theme version: 9.0.3

7 Answers
Tony Rodriguez

Support staff

February 6, 2023 at 08:25
Hello @Jay545452,

Thank you for your inquiry. We would like to explain that the single product image and the zoom image are two different elements. Unfortunately, our theme does not have the option to set the background of the single product main and zoom image as transparent. However, you can try using the following custom CSS code:
```
.zoom-on .main-images a.zoom, .zoom-on .main-images img.zoomImg {
    background: transparent !important;
}
```
Please note that this code will only work for the zoom images, not for the main images behind the zoom image. This is because the main image is over the page background, so it is adapting the page background color, which is not transparent. If you change the page background color to transparent, it will also apply to the main image.

We hope this clarifies the matter. Further changes may require extra customization.

Best Regards,
8Theme’s Team.
#346118 Copied
Jay545452

Participant

February 6, 2023 at 18:12

Hi,

Thanks for replying but no thats not what I meant, I dont want it to be transparent.

If you have 2 images in the gallery like in the link I provided, if you use zoom on one of the images you can see the image behind it, if I removed one of those images so just had the featured image and then used zoom it doesn’t happen.

Your are welcome to add and remove gallery images from the link above in the private area to see what I am on about. I don’t believe its acting the way it should be

Please contact administrator
for this information.

#346189 Copied

Rose Tyler

Support staff

February 7, 2023 at 08:28

Hello, Jay545452

What browser do you use?

You uploaded png images with transparent background.

Sorry, but your request is a bit unclear to us.

Did you add the custom code? Please delete the code then record a video or provide new screenshots and describe the desired result in more detail.
Thanks in advance.

Best Regards,
8Themes Team

#346220 Copied

Jay545452

Participant

February 7, 2023 at 11:14

I am not too sure what is happening as it is not doing it now. Will get back to you once I have found out whats happening

#346236 Copied
Rose Tyler

Support staff

February 7, 2023 at 11:27
Hello,

I’ve added custom CSS code:
```
.zoom-on .main-images a.zoom, .zoom-on .main-images img.zoomImg {
    background: white !important;
}
```
Best Regards,
8Themes Team
#346240 Copied
Jay545452

Participant

February 7, 2023 at 12:15

Ah thats great thank you 🙂

#346242 Copied

Rose Tyler

Support staff

February 7, 2023 at 13:26

You’re welcome!

Best Regards,
8Themes Team

#346250 Copied
Tagged: best selling themes, odd image problem, persuasive, seo friendly, single-product page, woocommerce
Viewing 8 results - 1 through 8 (of 8 total)