Home Forums WoodMart support forum Image MouseOver Problem

Image MouseOver Problem

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #396559

    prattsy
    Participant

    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.
    #396608

    Luke Nielsen
    Keymaster

    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

    #396626

    prattsy
    Participant

    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.
    #396765

    Luke Nielsen
    Keymaster

    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

    #396841

    prattsy
    Participant

    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.
    #396925

    Luke Nielsen
    Keymaster

    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

    #397270

    prattsy
    Participant

    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.
    #397317

    Luke Nielsen
    Keymaster

    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

    #397320

    prattsy
    Participant

    Hi,

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

    Best Regards

    #397324

    Luke Nielsen
    Keymaster

    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, 3 months ago by Luke Nielsen.
Viewing 10 posts - 1 through 10 (of 10 total)