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

  • paulblakephoto
    Asked on January 2, 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?

     

     

    Jotform Thread 1023169 Screenshot
    Page URL: https://www.jotform.co/form/63628251802858?preview=true
  • Ian
    Replied on January 2, 2017 at 1: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.

  • Ian
    Replied on January 2, 2017 at 1: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.

  • paulblakephoto
    Replied on January 2, 2017 at 6:00 AM

    Thank you! Solved!