How to change Lightbox Popup Position

  • sreehari
    Asked on October 20, 2016 at 3: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 ? 

  • jonathan
    Replied on October 20, 2016 at 9: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...

    How to change Lightbox Popup Position Image 1 Screenshot 20

     

    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.

     

  • sreehari
    Replied on October 21, 2016 at 10:11 AM

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