Morrigan

Hey @danieliser as I stated previously I did copy it from there and disable the loading but this issue came out of the box.

As it stands I’ve directly changed the CSS provided so it’s not like I’m going out of my way to make this difficult. I did go through and do some additional testing throughout and I think I figured it out.

So I tried to see if it was a conflicting plugin, it was not. I did however switch the location on my theme from “custom CSS” to “Additional CSS” and that seemed to fix the problem. Extremely odd that this problem came from just the stylesheet it was in. It accepted all other CSS changes just fine however that single element didn’t cooperate in the CSS that I was working in.

I appreciate the help and that it will likely be fixed in the future.

One last question for you @danieliser did you happen to fix the issue where you cannot turn the CSS loading back on?

Hey @waltmesser or @danieliser – Any update on this?

• This reply was modified 7 years, 11 months ago by Morrigan.

You cannot use it in a page. You can only use this in the Contact Form 7 mod. It’s an extension of that mod.

Mine works just fine with this code in a Contact form:

<label> Your Name <span class="required">*</span>
    [text* your-name] </label>

<label> Your Email <span class="required">*</span>
    [email* your-email] </label>

<label>Requested Installation Time <span class="required">*</span></label>
[datetime datetime-158 date-format:mm/dd/yy time-format:hh:mmTT min-hour:7 max-hour:17 min-minute:0 max-minute:0 first-day:0 step-hour:1 step-minute:30 no-weekends]

<label>Additional information
    [textarea your-message] </label>

We try to accommodate all requested appointment times. We will call you to confirm your appointment or reschedule for a time that we have available.
[submit "Send Request"]

Thank you @waltmesser for your help so far! This is an amazing plugin so I super appreciate it!

Hey @waltmesser
I did copy both of the CSS pieces to my theme CSS. I did add what you provided to the top and still getting the same result.

As I showed you above the class appears to simply just disappear when you hover over the text altogether and it makes the button not function. I’ve tried testing it in firebug by changing the item to a div but it’s still the same.

I attempted to see if it was me copying the CSS into my template so I removed it and tried to uncheck the “Don’t load Popup Maker core stylesheet.” and I’m unfortunately unable to do this. It reloads the page and does nothing. Also, without the styles in my skin the button doesn’t show on the popup at all.

Any other suggestions? Thanks in advance!

I can provide a link but I would need to email it as it’s a staging site.

Thanks again for any help.

I want to amend that there is probably a 2 level issue here. It would appear the background is disappearing as it’s in the default CSS to do so but I’m having trouble overwriting it. The CSS specifically doing it is the following:
.pum-container, .pum-content, .pum-content + .pum-close, .pum-content + .pum-close:active, .pum-content + .pum-close:focus, .pum-content + .pum-close:hover, .pum-overlay, .pum-title

It has an element that is background-color: rgba(0,0,0,0); which is making the background vanish from sight. hoever just pulling the ones that have to do with the pum_close elements don’t seem to have an affect even with the !important element however regardless of the disappearing background it still does not function.

Thanks.

I’m actually having thee exact same issue. It disappears when you mouseover the letters of the word however the button itself doesn’t function and doesn’t close it.