|
Greg Brailsford
|
November 4, 2014 at 10:34 am
Please see: http://co50.com/wp-content/uploads/2014/11/Untitled-1.png
The pop-up message (which is not even necessary) shows behind the second error message highlighting the missing fields. This occurs on both IE and Firefox. I had several people test it and it happens for everyone.
Also, the X in the top right of the error message does nothing when you click it. Again, replicated in IE/Firefox by multiple people.
Since the pop-up is redundant as the focus is already brought to the missing fields and they are highlighted in red, how do I remove the pop-up error messages from appearing?
|
|
Lorenzo Orlando Caum
|
November 4, 2014 at 5:12 pm
Hi,
The pop-up messages are part of the core plugin and there isn’t an easy way to deactivate them. Keep in mind that they are used throughout single page checkout (registration checkout) and other areas of Event Espresso 4.
Have you tried temporarily testing with only Event Espresso 4 running to rule out a conflict with another plugin?
—
Lorenzo
|
|
Greg Brailsford
|
November 4, 2014 at 9:26 pm
I’m positive it’s not a plugin issue. This website only has the most essential plugins installed – WordPress SEO, W3 Total Cache, Gravity Forms. The issue here seems to be your coding conflicting with our theme.
The theme we’re using is tried and tested though. It’s the 5th best selling theme of all-time on ThemeForest with over 24,000 installs.
We really have to come up with a way to get rid of these pop-ups. They’re redundant and not coded properly – we can’t proceed with them appearing like this. My client has indicated this is a deal-breaker. I’d appreciate you guys putting your heads together to help me find a way to remove them.
|
|
Dean
|
November 5, 2014 at 1:20 am
Hi,
I am not seeing the issue in Firefox, can you provide a link to an example event and a breakdown of how the pop up occurs, so that I can see what the issue is?
This will also help us identify the exact message that you wish to be disabled (though I cannot guarantee it’s possible).
|
|
Tony
|
November 5, 2014 at 2:31 am
Hi Greg,
This is due to your sites theme using z-index.
Your theme applies this rule:
.wpb_row > .span_12 {
z-index: 10;
margin-bottom: 0px!Important;
}
Which basically puts the page content, including the the reg form content in front of the notices on the stack.
You can try using some custom CSS such as:
.espresso-ajax-notices {
z-index: 999;
}
To set the notices to be displayed on the top of the stack, to note depending on how the theme is set up this may not work within all pages.
|
|
Greg Brailsford
|
November 5, 2014 at 11:23 am
This doesn’t work, unfortunately. I had tried it yesterday based on responses to another person’s post an the same thing.
I’m going to contact the theme developer. Even though this theme is well-tested and this is the first plugin incompatibility I’ve come across, maybe they have some CSS or other means to move the error box or hide it.
On another note, like I said before – these pop-up error boxes even if they displayed correctly are redundant, add friction to the registration process, and are just unnecessary when the fields underneath already address the issue. I’ve been in E-commerce for 15 years and never saw anything like this with a pop-up error box you have to X out or wait, secondary error messages behind it. The fact that they can’t be removed by any means makes it an even more critical issue to address. I’d ask Garth to have a look at this.
|
|
Greg Brailsford
|
November 5, 2014 at 12:03 pm
So you guys can see and I can abide by my NDA, here is a link to the event on the website good for 1 hour. Hopefully you see in time:
redacted – LOC
Just go to the reg page and submit it incomplete to see the goofed up error box.
|
|
Tony
|
November 5, 2014 at 12:26 pm
Thank you for the feedback.
Regarding the CSS, is it not applying at all or is being overridden?
If it is being overridden you can make the selector more specific using something like:
#espresso-ajax-notices .espresso-ajax-notices {
z-index: 999;
}
|
|
Lorenzo Orlando Caum
|
November 5, 2014 at 12:34 pm
Hi,
I redacted your link. Thanks for sharing that.
This should work for removing them site-wide:
#espresso-ajax-notices{display:none;}
Here is a quick video to show before and after:
http://cl.ly/image/2U3q181Y2G2B
However, they are used in various areas of Event Espresso so I would try to adjust the z-index to pull them forward before removing them completely.
—
Lorenzo
|
|
Greg Brailsford
|
November 5, 2014 at 12:59 pm
Lorenzo,
While no methods with Z-index worked, your code indeed does the trick. Thanks! What’s so strange is I tried this method yesterday using {display:none} but I must have used the wrong selector because it didn’t work for me but yours works perfectly. Thank you!
|
