How to stop text appearing over image preview from payment wizard?

  • Profile Image
    paulblakephoto
    Asked on January 02, 2017 at 12:45 AM

    Whilst using the payment wizard, when I click on the product picture to preview the item larger the image is displayed behind the text from the payment wizard. I'd like it to appear in front.

    I have this issue on my iPhone Safari browser every time and occasionally on my desktop browser when previewing. Ideally i'd like it not to happen at all.

     

    Any suggestions?

     

     

  • Profile Image
    Ian
    Answered on January 02, 2017 at 01:45 AM

    I cloned the form and could replicate the issue. I tried to make the changes to z-index and tabindex attributes but that did not solve the purpose.

    I will let other Support Engineer look into to it, to get this resolved.

    Thanks for your patience.

  • Profile Image
    Ian
    Answered on January 02, 2017 at 01:53 AM

    Please add the following custom CSS code through INJECT CSS method. This fixed the issue for me.

     

    #productImageOverlay{

    z-index:999999!important;

    }

    Let us know if you still face issue after applying the code.

  • Profile Image
    paulblakephoto
    Answered on January 02, 2017 at 06:00 AM

    Thank you! Solved!