Product Image invisible although in code

Viewing 4 replies - 1 through 4 (of 4 total)
  • dougaitken

    (@dougaitken)

    Automattic Happiness Engineer

    8 years ago

    Hey @anneklappe

    Looks like you have a custom ease in transition effect?

    Having a quick check on the browser console, the problem is opacity is always zero:

    Here is a screen gif – http://cld.wthms.co/J93LjE

    As this is a custom child theme, we’re not able to offer support as this forum is for support of the core Theme.

    Thanks,

    Thread Starter anneklappe

    (@anneklappe)

    8 years ago

    Hi @dougaitken,

    Thanks for the hint. Unfortunately, I have not added myself the lines

    opacity: 0;
transition: opacity .25s ease-in-out;

    in the code. Thus, I believe they come from the core theme itself.

    It is not possible to overwrite this style 

    .woocommerce-product-gallery,
.woocommerce-product-gallery--with-images,
.woocommerce-product-gallery--columns-5,
.images {
  opacity: 100% !important;
}

    Any other hint?

    Thanks

    • This reply was modified 8 years ago by anneklappe.
    jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    8 years ago

    @anneklappe I see that the product image is showing on your page now:
    https://kontmagazine.tuesdayhosting.nl/product/kont-magazine-1/

    The rules that Doug mentioned on the element before look to be added by some sort of scripting. Has anything changed, have you resolved the issue?

    Thread Starter anneklappe

    (@anneklappe)

    8 years ago

    Hi @jessepearson,

    if I remember well, I only had to change from
    opacity: 100% !important; to
    opacity: 1 !important;

    Thanks for your help

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Product Image invisible although in code’ is closed to new replies.