Notice: this information was written when Microthemer version 2 was current. On Dec 26th, 2014 version 3 was released with a completely new interface. Some of the information may be redundant, but as much of
the functionality remains the same in version 3 we haven't deleted this post.
Hey there, I installed both Microloader and Microthemer lite to try resolve the issue I am having.
When I add the White Beauty theme to my contact form, all the formatting looks good and accurate when the form is loaded. However whenever there are errors with validating input in the fields. The theme incurs some formatting issues.
In the “required” fields, the validation overlay doesn’t stay clean and inline with the original fields rather it hangs oddly off the input field. It also does not respond to mouseover to allow for the user to correct the error.
I really would love to hear back about the issue I’m having, as I would love to get this theme running on my form.
I am currently using:
WP 3.8
Contact form 7 3.6
Microthemer Lite 2.5.7 (and I’ve tried Microloader 2.4.5)
And the theme White Beauty 1.1
Lastly here’s an image to illustrate the issue I’m having:
Microthemer Lite will limit the number of selectors you can edit and unfortunately the selector you want to edit ( Form Field Error Highlight (if Ajax) ) will be off bounds. However, you can use Microthemer’s custom CSS area as a workaround. Click the spanner and hammer icon in the visual view and then the curly braces icon {}. Then paste the following code:
I’ve tried a couple of other of the x beauty themes, and they all have the same issue with the mouse over.
Obviously when I don’t run a theme I don’t have this issue since my contact forms displays a text only validation error.
It’s a strange problem hence why I’m here. Thanks for your help.
Ah, I forgot that the overlays weren’t there at all with the default contact form 7 styling. The author must have tweaked the javascript controlling the error messages a bit, resulting in the current mouseover problem.
I’ll work on a CSS solution and get back to you soon.
.
.