How to change Lightbox Popup Position

  • Profile Image
    sreehari
    Asked on October 20, 2016 at 03:43 PM

    By default the Lightbox popup is aligned to center of the browser. Is there a way or code with which I can re position the popup to right bottom corner ? 

  • Profile Image
    jonathan
    Answered on October 20, 2016 at 09:29 PM

    You can achieve this by adding the custom style for the lightbox class in your website page -- within the head tag.

    Like this...

     

    example code:

    <style>

      .jt-feedback, .u-responsive-lightbox, .ui-draggable{

        left: 70% !important;

        top: 70% !important;

      }

    </style>

    You can test it on my demo page here.

    Let us know if you need further assistance.

     

  • Profile Image
    sreehari
    Answered on October 21, 2016 at 10:11 AM

    Thanks a lot, It worked.  You Made my day.