Remove or adjust quick viewer on images

  • Profile Image
    smartdeli.test
    Asked on February 26, 2021 at 05:56 AM

    Hi, I would like to know how to remove the blue over layer on the product images on order form.

    At first, it was shown weirdly on browser, like -clicking the icon then a window opens nearly full "hight" of the monitor then full of empty blank, after scrolling down inside the popup window, the product image appears...- so, I turned the quick view mode off.

    Then next, this blue layer with zoom-icon still remains(the pic attached) although the function of zooming has been stopped.

    So, I would need to adjust either size of the popped-up quick view window moderately, or remove everything. How can I handle at least one of them?

    Thank you for your help,

    Regards



    Screenshot
  • Profile Image
    Nik_M
    Answered on February 26, 2021 at 08:23 AM

    Please add the following CSS code to remove the blue color:

    .form-line.card-3col div[data-wrapper-react="true"] .form-product-item.new_ui.show_image .image_zoom {

      display: none!important;

    }

    Related Guide: How to Inject Custom CSS Codes