WordPress.org

Ready to get started?Download WordPress

Forums

WordPress PopUp
Image enlarge on top of popup (12 posts)

  1. yaoxiao4
    Member
    Posted 2 months ago #

    Hi,

    I have an image on my popup and when you click it it is supposed to have a layover that enlarges the image.

    However the issue comes up because the image enlargement is BEHIND the popup so the users can't view it.

    Can anyone shed some light?

    thanks!

    https://wordpress.org/plugins/wordpress-popup/

  2. David
    WPMU DEV Support Staff
    Posted 2 months ago #

    Hi @yaoxiao4,

    I hope you're well today! :)

    It sounds like possibly a simple CSS solution might remedy that but we'd need a link to the site to have a look.

    Could you let us know the url for the site?

    Thanks,
    David

  3. yaoxiao4
    Member
    Posted 2 months ago #

    Hey,

    I've fixed it with a jQuery script that changes the z-value of the popup from 99999 to a number smaller than the other popup.

    Should I just change the CSS(z-value) for the visible box?

    Thanks,
    Yao

  4. David
    WPMU DEV Support Staff
    Posted 2 months ago #

    Hi Yao,

    Thanks for your reply. Sure, you can change the popover's z-index. That would generally be easier than using jQuery to do it.

    Have you tried that? I'd love to hear how it works. :)

    Cheers,
    David

  5. yaoxiao4
    Member
    Posted 2 months ago #

    Hi,

    Yes I changed it and it works fine now!

    But another issue came up, when I click submit or X the popup window, my whole page reloads, any idea why?

    Thanks

  6. David
    WPMU DEV Support Staff
    Posted 2 months ago #

    Hi @yaoxiao4,

    Thanks for your reply. I imagine there's some JavaScript on the page that's causing the refresh to occur.

    Could you provide a url so we could see what's occurring there?

    Thanks,
    David

  7. yaoxiao4
    Member
    Posted 2 months ago #

    Here you go

    http://www.careerify.net/increase-employee-referrals/

    I have a manual script right now that stops the X button from refreshing the page

  8. David
    WPMU DEV Support Staff
    Posted 2 months ago #

    Hi @yaoxiao4, thanks again for your reply. Could I ask what script you're using to stop the refresh currently?

    Would it work for you to keep that script in place? As the refresh is most likely caused by other scripts on the page, I would think an additional script to override that would be the optimal solution apart from removing other plugins.

    You could also try deactivating other plugins to see which might be causing the refresh if that's an issue.

    Looking forward to your reply. :)

    Cheers,
    David

  9. yaoxiao4
    Member
    Posted 2 months ago #

    I just use a simple stoppropagation() to stop it from refreshing, but I think that also might stop the submit button from actually submitting?

  10. David
    WPMU DEV Support Staff
    Posted 2 months ago #

    Heya @yaoxiao4, if the stoppropagation() is attached to the close button is shouldn't affect the submit button. In fact, I just tested the submit button then closed the popup, worked just fine in testing it.

    Were you having trouble with that?

    Cheers,
    David

  11. yaoxiao4
    Member
    Posted 2 months ago #

    Hey,

    The same thing was actually happening to the submit button too, so I have stoppropagation() attached to that as well, would I need to have submit in the function as well?

    Thanks

  12. WPMU DEV
    Member
    Posted 2 months ago #

    Hi @yaoxiao4,

    Are you referring "Subscribe" button displayed on this page http://www.careerify.net/increase-employee-referrals as a submit button?

    I just use a simple stoppropagation() to stop it from refreshing

    Could you please tell me where you have added this function stoppropagation() by sharing the code here so that i can troubleshoot it?

    Kind Regards,
    WPMU DEV

Reply

You must log in to post.

About this Plugin

About this Topic