Hi @nichemimi, thanks for your words.
There is a CSS file in your site:
https://www.yoursite.com/wp-content/uploads/kidz/min.css
…is this a customised CSS, or comes from some plugin/theme etc?
on this, there is two classes inside:
.ip-product-image-img--contain {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.ip-product-image-img {
position: absolute;
display: block;
}
…that causes the issue.
The first scenario, custom CSS, can be solved adding an extra class, like this:
.coming_soon_wc_product_wrapper .ip-product-image-img {
position: static;
-webkit-transform: none;
transform: none;
left: auto;
top: auto;
width: 100% !important;
height: 100% !important;
}
…but if the above CSS code comes from elsewhere, we want to know/test to make our plugin compatible with it “out of the box”…
Please, give me feedback about,
Carles.
-
This reply was modified 2 years, 6 months ago by wpcentrics.
Awesome! Thanks for the solution! It worked like a charm!
Appreciate the help!
Glad to help… and thanks for your review 🙂
Kind regards,
Carles Martin
wp-centrics support team
The least I could do for such a great free resource? Are there plans to go pro for multiple badge options?
…maybe in a future we will release a Pro… any suggestions are welcomed, please, open a new topic explaining which options would be useful for you
Thank you again! 🙂