Image MouseOver Problem

Hello,

I have all my Woocommerce Product Images cut out with a transparent background, because I use your dark theme.
In the first view everything is ok, but when you mouseover it, an annoying white background appears that doesn’t fit at all.
Please see Images.
How to solve the problem?

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

With the help of the below code, you can solve this problem, enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.product-grid-item .hover-img {
    background-color: var(--wd-main-bgcolor);
}

Please let us know if there is anything further we can assist you with!

Kind Regards

Hi,

THANKYOU!

There it work.

Have found this Problem also on single Product Page:

single product page

If you login you can see designed T-Shirt in Shopping Cart.
Cart
There the designed T-Shirt Back Side Image Background permanent white.
But this Image also transparent .png
Same Problem in top right “Mini Cart”.

Best Regards

Attachments:

You must be logged in to view attached files.

Hello,

Here is a custom code for fixing the bg color when you mouse over the product image, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.single-product .image-action-zoom .zoomImg[src$=".png"] {
    background-color: var(--wd-main-bgcolor);
}

As for the cart widget, most likely you have an incorrect image (I mean not transparent)

Transparent: https://prnt.sc/1l0X1lC13YgG

Not transparent: https://prnt.sc/1i-5EbuVAn6z

Also, the same issue on the cart page.

https://monosnap.com/file/I2yMJm9VFjaDop9CCQMtS6S8U6glaX

Kind Regards

THANKYOU!

Other Problem:

Image 1
Klick on first Item in Cart brings Single Product Page.
Klick on second Items brings Image 2.

Question:
How can i Make Klick on first cart Item like Klick on second cart Item?

Need same View.

Or can i make all like View, Image 4?

I have Plugin “Real-Time Find and Replace Pro”.
Must i replace some special Image Tags,
or how to realize this?

Thanks for Spending your Time.
Best Regards.

Attachments:

You must be logged in to view attached files.

Hello,

The thing is that this functionality is from WooCommerce and we cannot influent it, unfortunately.

If there’s anything else we can do, please get in touch.

Kind Regards

OK.

Other Problem:

Where to find the CSS for Size Guide?

Need to extract the CSS and insert it here, in WP Ebay Lister Template,
for better look on ebay.

Best Regards

<div id=”woodmart_sizeguide” class=”mfp-with-anim wd-popup wd-sizeguide”>
<h4 class=”wd-sizeguide-title”>
Fruit of the Loom – T-Shirts </h4>
<div class=”wd-sizeguide-content”>
<div class=”vc_row wpb_row vc_row-fluid”><div class=”wpb_column vc_column_container vc_col-sm-12″><div class=”vc_column-inner”><div class=”wpb_wrapper”>
<div id=”wd-62ee48c607291″ class=”wd-text-block wd-wpb reset-last-child wd-rs-62ee48c607291 text-left “>
<h5 style=”text-align: center;”>Angaben in Zentimeter (cm)</h5>
<p>* Horizontal, unterhalb der Armöffnung, quer entlang des Kleidungsstücks gemessen.</p>
<p>** Vertikal, ausgehend vom höchsten Punkt der Schulter, bis zum unteren Rand des Kleidungsstücks gemessen.</p>
</div>
</div></div></div></div></div>
<div class=”responsive-table”>
<table class=”wd-sizeguide-table”>

Attachments:

You must be logged in to view attached files.

Hello,

You can create the HTML table with the help of the online HTML spreadsheet editors (e.g https://www.tablesgenerator.com/html_tables or https://www.quackit.com/html/html_table_generator.cfm), such generators produce CSS for the table as well.

Kind Regards

Hi,

don’t like this.
Can’t you say me in what Woodmart css File i can find the css?

Best Regards

[Luke Nielsen]

Ok, try to find an appropriate code in the css/parts/base.min.css file.

I hope this helps!

Kind Regards

• This reply was modified 2 years, 4 months ago by Luke Nielsen.

[Author]

Posts