Lightbox with custom CSS background resize leaves whitespace..

  • Profile Image
    Asked on December 04, 2013 at 09:01 AM

    Hello world.


    I've embeded a form using a lightbox call, which renders fine on page load. However, when the lightbox resizes to accomedate, for instance, a new widget, when that field has been filled - and the form content reverts to it's original dimentions - the lightbox remains enlarged, and shows dead / white space.

    Any ideas how I can make the lightbox reduce in size, just as it increases in size to match content??

    All suggestions gratefully received.

    To review the form I'm talking about, visit the link, then click the mail icon, top right,

  • Profile Image
    Answered on December 04, 2013 at 11:30 AM


    I've fixed the issue of your form for you by injecting this custom css into your form.

    .form-all {

    max-height: 600px !important;


    Can you please take a look at it now?

    Feel free to contact us again if you need further assistance at anytime.

  • Profile Image
    Answered on December 04, 2013 at 12:29 PM

    Amazing, just what I was missing!

    Great work Pinoytech