eMember registration form – position of form error callout boxes

[Big Media]

Hi, First up, really enjoying the facilities and features of your product – thank you. However, I’m having some problems with the positioning of the form error callout boxes for the registration form. The URL in question is [http://ch123.co.uk/join-us/registration]

I’ve identified that the “.formError .formErrorContent” class elements in “validationEngine.jquery.css” affect the position, but I cannot control it accurately as the callouts still move depending on the screen width I have the browser at.

I believe this difference in layout may be caused by the scripting which adds a style element to the callout div – e.g. <div class=”wp_emember_user_nameformError parentFormwp_emember_regoForm formError” style=”top: 166.6px; left: 956px; margin-top: 0px; opacity: 0.87;”>. Is there something I haven’t found which allows me to zero these options and control through css?

I did change the relative positioning using “.formError .formErrorContent”, which improved things on the registration form, but then produced a problem on the WP eMember – Add/Edit Members where the formerror callout went too far off to the left.

Any input welcome on how to do this. By the way, as it might well have an impact we are working on editing a theme which is responsive in origin, being upgraded to recognize different devices, and may well have some issues in its coding that aren’t making the situation any better

Thanks

Malc

[admin]

Hi, you shouldn’t have to change anything in terms of the CSS for the validation errors to show at the right position. We tested this on normal and responsive themes. There is gotta be some CSS in your theme that is throwing off the error callout positioning.

Please do the theme test mentioned here so we can establish a base line. Switch to the twenty twelve theme temporarily and check that page (the twenty twelve is a responsive theme):

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[Big Media]

Hi, thanks for your reply. I activated twenty twelve and on the registration URL all I saw was the Permalink title for Registration and the line “This entry was posted on February 5, 2013 by . Edit”.

Twenty Ten displayed OK if that helps. Also to confirm we are using the shortcode [wp_eMember_registration] in the HTML.

[admin]

Twenty twelve should also work fine (we test with that theme). I have a feeling some code got messed up with the customization may be. Please do the following then try the twenty twelve theme again:

https://support.tipsandtricks-hq.com/forums/topic/re-install-or-load-a-fresh-build-of-the-plugins

[Big Media]

Hi, found the main problem, it was indeed linked to the way the theme was styled. The original design used design parameters in the html element, so the blue background to the page (eg [http://ch123.co.uk/join-us/registration/]) was part of html, and not part of body which is what I’m more used to. Once I changed it so the html attributes were applied to the body element in the css, and introduced a new wrapper for the central content, everything started to behave.

I’ve still made an adjustment for the mobile view in css, but that’s fine. Thanks for your help.

[Author]

Posts