Home › Forums › WoodMart support forum › Image MouseOver Problem
Image MouseOver Problem
- This topic has 9 replies, 2 voices, and was last updated 2 years, 3 months ago by Luke Nielsen.
-
AuthorPosts
-
August 10, 2022 at 2:40 pm #396559
prattsyParticipantHello,
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.August 10, 2022 at 4:25 pm #396608
Luke NielsenKeymasterHello,
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
August 10, 2022 at 5:46 pm #396626
prattsyParticipantHi,
THANKYOU!
There it work.
Have found this Problem also on 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.August 11, 2022 at 12:23 pm #396765
Luke NielsenKeymasterHello,
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
August 11, 2022 at 5:46 pm #396841
prattsyParticipantTHANKYOU!
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.August 12, 2022 at 10:25 am #396925
Luke NielsenKeymasterHello,
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
August 15, 2022 at 9:53 am #397270
prattsyParticipantOK.
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.August 15, 2022 at 12:00 pm #397317
Luke NielsenKeymasterHello,
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
August 15, 2022 at 12:09 pm #397320
prattsyParticipantHi,
don’t like this.
Can’t you say me in what Woodmart css File i can find the css?Best Regards
August 15, 2022 at 12:39 pm #397324
Luke NielsenKeymasterOk, 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, 3 months ago by Luke Nielsen.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register