Hi there,
It’s a simple as this:
[formlightbox_call title="Contact form 1" class="7"]<button>Click me now!</button>[/formlightbox_call]
[formlightbox_obj id="7"][contact-form-7 id="401"][/formlightbox_obj]
I’ve set up a demo page for you so you can see it in action.
N.B. I will take this offline after a few days.
Thanks a million mate! i hate myself for not being able to do it myself. i am a web designer but yet a lousy one. really wish i could become good at programming
No problem.
Everyone has got to start somewhere and now, at least you’ll know for next time 
I got the part of jQuery too! i used append and prependTo to get what i want. now a layout issue has poped up. not sure it this is the right forum to post it in. if you see www[dot]newdaybankruptcy[dot]com and click the button which says contact our attorney. when it pops up. it has a text which is moving further in relation to or div ad out of the pop up.
Hi,
I had a look at the page you link to and when I click on the button, I see the contact form and a sign saying “give us a call”.
There also appears to be the “R” of the word “OR” behind one of the inputs.
What exactly is not working as desired?
If you want to make the contact form a little less wide, just apply a width declaration to all of its input elements.