- mistertiddAsked on December 23, 2011 at 03:21 AM
Hi. I have a sprite setup for my contact button. The code is:
<div id="contact-button"><a id="contactme" target="_blank" href="" title="Drop me a line"><span>Contact Button</span></a></div>
How would I hook up a JotForm lightbox so it opens with this sprite? Also, how would I call the lightbox from a .js file (so my html isn't bloated on the .html page)?
I seem to have a certain dyslexia when it comes to lightboxes!
- JotForm SupportliyamAnswered on December 23, 2011 at 02:09 PM
You can try something like this:
<div id="contact-button"><a id="contactme" class="lightbox-xxxxxxxxxxx" title="Drop me a line"><span>Contact Button</span></a></div>
If you need further assistance, please do let us know. Also, it would be great as well if you can share the URL of this page so we can provide you with more precise instructions.
- mistertiddAnswered on December 24, 2011 at 02:50 AM
Hi liyam. Thanks for this.
Just about finished my site: http://www.tornadocreative.co.uk/
Your solution worked - thank you! However, the title shows an old title (I have changed this from 'we are updating our website' to 'contact Graeme'.) Also, how do I change the font of the header and the orange header background? I have tried CSS and looked using FireBug.
- JotForm SupportliyamAnswered on December 24, 2011 at 03:26 AM
Also, on the part of the contactme link, you might want to add a style="cursor:pointer; inside your <a ...> tag. This is so that when the your mouse cursor hovers on top of the contact me link, it will change to a pointer.
- mistertiddAnswered on December 24, 2011 at 05:29 AM
Ah ha! That's great. Thanks. Been wrestling with this site for too long...! Thanks so much for your help.