pop up add on, not formatted correctly

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

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

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