Skip to content Skip to main navigation Skip to footer

pop up add on, not formatted correctly

Welcome to QSM Support Forum. › Forums › QSM Pro Support › pop up add on, not formatted correctly

Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 22, 2020 at 5:04 pm #2398
    tomsvision@gmail.com[email protected]
    Participant

    I just paid for the pop up add on but it’s not working as designed. Any idea what I’m doing wrong?

    If you look at this page, you’ll see a link to “click here”. That is the same quiz that is also on the same page. As you can see the format doesn’t look correct.

    https://www.awesomedoodle.com/aussiedoodle-puppies/desoto/

    Thanks
    Tom

    Attachments:
    You must be logged in to view attached files.
    February 24, 2020 at 5:09 am #2411
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Tom,

    Welcome to Qsm Pro Support Forum. Hope you are doing well.

    Please refer to this article for help: https://quizandsurveymaster.com/docs/add-ons/simple-popups/

    Feel free to contact me again if you need further assistance.

    Kind regards,
    Kriti

    February 24, 2020 at 12:01 pm #2422
    tomsvision@gmail.com[email protected]
    Participant

    The article you sent does not state how to fix the problem. Please read my question again and see the screen shot I attached.

    Tom

    February 25, 2020 at 5:29 am #2430
    Kriti SharmaKriti Sharma
    Keymaster

    I apologize Tom, I didn’t see the “click here” link previously. I will get back to you after looking into the issue.

    Regards,
    Kriti

    February 26, 2020 at 3:59 am #2450
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Please add the following custom css to Appearance -> Customize -> Additional CSS

    .qsm-popup .qsm_question {
    position: relative;
    left: 50px;
    float: left;
    }

    .qsm-popup input {
    float: left;
    position: relative;
    left: 50px;
    }

    .qsm-popup .qsm-popup__header {
    position: relative;
    left: 50px;
    }
    .qsm-popup .qsm-error-message {
    position: relative;
    left: 50px;
    }

    .qsm-popup .qsm_contact_div {
    margin-top: 0px;
    }

    Please clear any cache plugin or server cache as well as browser history after applying the above mentioned css code.

    Regards,
    Kriti

    February 26, 2020 at 2:18 pm #2468
    tomsvision@gmail.com[email protected]
    Participant

    That helped a little but it’s still broken. I just want it to look like the example you have your on your website.

    See attached.

    Tom

    Attachments:
    You must be logged in to view attached files.
    February 27, 2020 at 1:32 pm #2483
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Tom,

    Your theme’s style code is conflicting with our plugin’s popup style code, which is why your popup is not displaying properly.

    What we can do now is to try and provide css codes to fix the style conflict.

    You can take a look at my staging site which is using a WordPress default theme.

    Water Damage Assessment

    The quiz in the popup is showing up properly.

    We suggest you what adjustments you need for your popup.

    At the moment, it is looking like this.

    https://drive.google.com/open?id=1lCS22QhtXCVQOQJr2LsIIxdCRszqlukU

    Regards,
    Kriti

    February 29, 2020 at 2:14 pm #2508
    tomsvision@gmail.com[email protected]
    Participant

    >>>At the moment, it is looking like this. https://drive.google.com/open?id=1lCS22QhtXCVQOQJr2LsIIxdCRszqlukU

    Right. So how do I fix it? Certainly you see the scroll bar and you can see the X to close the quiz, is not visible unless the user scrolls.

    Tom

    March 2, 2020 at 2:02 pm #2533
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Please add the following custom CSS to Appearance -> Customize -> Additional CSS

    .qsm-popup .qsm_question, .qsm-popup input {
    float: left !important;
    clear: both !important;

    }

    .qsm-popup .qsm_contact_div {
    margin: 0px !important;
    padding: 0px !important;
    }

    We request you to clear any cache plugin or server cache as well as browser history after applying the above mentioned CSS code.

    The popup will look like the following.

    https://drive.google.com/open?id=1gaaL79vMMDtgBcmkEf9xuxGlLhukfm_A

    Regards,
    Kriti

    March 4, 2026 at 7:09 am #19250
    james charlesjames charles
    Participant

    It looks like the popup add-on issue is likely caused by a conflict with your theme or another plugin. When the quiz displays differently inside a popup, it’s often because the popup container doesn’t inherit the proper styles or scripts. Try checking the browser console for JavaScript errors, temporarily disabling caching or minification plugins, and testing with a default theme. Ensuring the popup trigger ID matches the quiz ID exactly can also help. For testing or running desktop tools alongside your workflow, some users refer to freecine pc as an example of a utility for media handling.

    March 5, 2026 at 5:38 am #19281
    Kavya AroraKavya Arora
    Participant

    Experience the happiness of companionship through a beautiful Delhi Call Girl. The Delhi Call Girls Number allows you to choose from 100% verified options which will fulfill your sexual desires. The 24/7 availability of Call Girls in Delhi comes with affordable rates.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.