Adjusting width of the popup booking form

The following directions for adjusting the width of the popup booking form can be found at this link location:

http://support.convergine.com/topic/how-to-adjust-width-of-the-popup-lightbox#post-106

Open Index.php and scroll down to the bottom of the code. You will see two (2) javascript functions (you'll see the 'px' there), and that's where you can change width. This will adjust the lightbox itself:

----------------------------------------------------------------------------------------------------------------------------

function getLightbox(reserveDate,serviceID){

$.fn.colorbox({href:'booking.php?date='+reserveDate+"&serviceID="+serviceID,innerWidth:'1056px'});

}

function getLightbox2(reserveDate,serviceID){

$.fn.colorbox({href:'event-booking.php?date='+reserveDate+"&serviceID="+serviceID,innerWidth:'1056px'});

}

----------------------------------------------------------------------------------------------------------------------------

Change 1056px to needed width.

If you need to adjust the form width INSIDE the lightbox:

- Open css/style.css

- Edit width for class .book_form

You may also want to open either Event-booking.php or Booking.php and find following line:

Change 650 to needed width (that's the width of the form itself).