[armintzParticipant]

with the contact form 7 plugin, if you enter your email address incorrectly, it shows the validation error message, as well as the invalid email error message. and then both of these error messages repeat themselves, so simply entering the wrong email address, the user sees 4 alerts. this seems excessive, see screenshot:

http://s14.postimg.org/h06c9dou9/email_error.jpg

when i activate the twenty fifteen theme instead of X, the form errors display properly – one message at the bottom and one next to the invalid field, as you can see here:

http://postimg.org/image/8vyiwbwaz/

my live form is here: http://tinyurl.com/ncc8xzx

has anyone experienced this and figured out a way to fix? thanks

[ZeshanMember]

Hi there,

Thanks for writing in!

Please add following CSS under Custom > CSS in the Customizer:

.wpcf7 > .screen-reader-response {
    display: none;
}

Thanks!

[armintzParticipant]

nailed it, thank you

[Prasant RaiModerator]

You are most welcome 🙂 .

[armintzParticipant]

fyi, i posted the solution above on the contact form 7 support forum and they said this:

that change doesn’t really fix the issue – it just hides it.

As turning off .screen-reader-response will damage accessiblity on your CF7 forms, it’s not really something that others should be doing.

Would be better if X theme developers issued a proper solution.

[NicoModerator]

Hi There,

Thanks for updating us about the workaround.

I will forward this issue to our developer so that there is proper solution for this problem.

Thank you so much for understanding.

[armintzParticipant]

thanks, looking forward to see what comes of this.

[NicoModerator]

Thank you for understanding. I have already submitted this to the developer.

[armintzParticipant]

fyi, the contact form 7 dev’s offered this proper solution below:

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

works fine for me. thank you

[Prasant RaiModerator]

Thanks for sharing the solution. And glad it’s working for you 🙂 .

[Author]

Posts