Lightbox embed button is not working in Firefox or IE, but is working in Chrome and Safari

Please see  http://the5personalitypatterns.com/5PP-workshop.htm

On Win7, the yellow Register Now button on that page works perfectly in Chrome, but not in IE-11 or Firefox (latest).

On Mac 10.10.5, it works perfectly in Safari, but again not in Firefox.

Can you please point out what would make it work in IE and Firefox?

many thanks in advance,

Steven

Hi Steven, 

I was able to reproduce the problem also when I test the Lightbox button form in your website using Firefox or IE11 browser.

The caused of the problem was due to script conflict that is happening between those existing jsscripts on your website page and the lightbox scripts of the form.

I workaround you may want to try first is to place the entire lightbox script of the form on the top most script of the page (before the other scripts)

see image below how I meant

Let us know if this did not resolve the issue.

I test further and I found that it was actually the "button" type tag you have used that was causing the malfunction of the lightbox text link failing to work.

--

I made a test page here without using the button input you used, and the lightbox form is launching as it should.

I made further modification and made the text link style like a button

So you just need to correct that part of the lightbox code on your page and it should work.

Let us know if you are not able to resolve it.

thanks.

Your new code for the button does work in IE and Firefox, but it doesn't really look like a button.  Is there a way we can give it more of the 3-D, rounded ends look of a button?

Can you please test it again on my test page here

I use this code for the button

<input class="lightbox-61045469091153" type="button" value="Register Now" style=" color:#08233e;

    color:rgb(12, 40, 159);

    font:2.4em  Arial, Helvetica, sans-serif;

    font-size:12px; font-weight : bold;

    padding:5px;

    background:url(overlay.png) repeat-x center #ffcc00;

    background-color:rgba(255,204,0,1);

    border:1px solid #ffcc00;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;

    border-bottom:1px solid #9f9f9f;

    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);

    cursor:pointer;" />

Let us know how it goes.

Perfect!

Thank you, thank you!

I'm glad to hear that my colleague's code helped you :)

Should you need more assistance on this, please do let us know here. For other concerns and questions, feel free to drop by here in the forum. Thank you.