No longer displays over page but below

just to update: it appears that the back layer isn’t changing the “display:none” setting for some reason. i got the main box to move up where i want it in the css, but yeah something is broken with the fading in of the back gray layer.

Hi kiess,

Ya, May be you are right. It seems this is a conflict between Mootools and agreement.js as per your post.

While investigating in your https://www.stclairholdings.com/disclaimer/ I clicked on test and got proper result.

You can do one thing try Agreement plugin with different template, then it will work. I again checked this plugin with wordpress 3 and 3.8.3 version and it works fine for me.

If you still getting problem in your theme I can suggest that please put your agreement.js file in footer.php file. May be it will work in your case.

Hope this will work.

thanks a lot for replying.

so how did you get the test to work? no matter what browser i use i just see the disclaimer box itself without the gray background that covers the rest of the screen (and there is no fade). you are seeing the gray covering the screen behind the agreement and it fades in?

i can’t change templates because it’s a client’s site. i tried copying the contents of agreement.js to the footer.php file as well, but that didn’t seem to do anything.

i tried removing my calls to the mootools files as well, but i got the same result. also tried reinstalling agreement altogether — same result. ??

any other ideas you have are appreciated! thanks much.

Hi Kiess,

I checked link(https://www.stclairholdings.com/disclaimer/) which is provided by you and clicked on test, Agreement plugin is working fine for me in google crome browser as well as Mozila browser.

Please check this link https://instagram.com/p/m1seLMtdMg/#
It works fine for me. Link contain screenshot of your side.

yeah, what you showed in your screenshot is what it does for me too — shows the box correctly but doesn’t fade in, and doesn’t show the transparent gray background behind it anymore like it used to (the one that covered the rest of the content on the page). any idea how i might fix that? as i said, for some reason it’s not changing the “display:none” property on that gray background (while it does change it on the agreement box itself), so it just doesn’t display. i couldn’t find where in the code it controlled that property to try and fix it.