WordPress.org

Support

Support » Plugins and Hacks » Contact Form 7 » Email field not styled like other form fields

Email field not styled like other form fields

Viewing 15 replies - 1 through 15 (of 17 total)
  • Having the same issue here. The email field is not properly aligned anymore.

    Try this, go into the contact form in the dashboard of wordpress. Go into the Form section then where this is,

    <p>Your Email (required)
    [email* your-email] </p>

    change it to
    <p>Your Email (required)
    [text* your-email] </p>

    ie you just change the email* to text*

    Worked for me after spending two weeks trying lots of other more complicated methods that had worked for others

    I am having the same issue – the email field is now styled differently for some reason.

    As a work around, changing the code as suggested above works to a degree, but Contact Form 7 checks the field marked [email] to see if it is a correctly formatted email address.

    If you use a workaround, then the text entered can be ‘anything’ making it easier for spammers to send you rubbish on the form. So ideally this still needs a ‘proper’ fix.

    Any progress on a ‘proper’ fix yet?

    Sorry, double post redacted.

    See my post here and look at my code, my email field gets coded fine:

    Here

    I am very basic on this stuff. Your code looks great but I am still intimidated by so much CSS code. Sorry for that and long for the day when I advance to your level. I only use the form wizard but am having issues there because the ‘generate tag’ tab and the code to copy for the shortcode are missing so the author of Contact 7 is asking me to reinstall but I cannot find Contact 7 after searching through two pages of new plugins. I changed the ’email”‘ code to ‘text*’ code but as posted above that does not verify email format. Thank you so much and if you have any more input, I am all ears, figuratively speaking.

    Arro, You are no different than me.. This is all Greek to me, I just look around, search the internet and ask questions and maybe someone will throw me a bone.. I am still having trouble with the code I posted and can not figure it out either, that is why I ask questions. I was always told, the only stupid question is an unasked question… Hope I help some..

    Arro, if you would like to see what the coding posted makes your form look like, go HERE

    Thanks, Breeze, for the help. The coding looks nice. They told me my Weaver was old and to update so I did and now a nearly perfect site is in shambles and I am back to square one. Whew. Why would they change perfectly good themes and then when you update have no compatibility within the same theme family? Apparently, they took back some of the features and control from the earlier version and are hawking a paid version which their right. Just seems that fundamental ethics would suggest that it might be an impropriety to let people walk off a cliff and then offer them a health plan. Then again, I am new at this and hope I learn to protect myself from such goings on.

    Does anyone know if this CSS styling bug (for I assume it is that) has been fixed yet?

    swearingdad,
    here is the code I use and it works fine for me..:

    .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="email"]{
    	margin-bottom: 10px;
    	border:1px solid #5b5b5b;
        height: 19px;
        padding:2px 5px;
        border-radius:5px;
        font-size:12px;
    	max-width: 200px;
    }

    Thanks! And did you add that to a child theme CSS or did you edit the Plugin’s CSS directly?

    I added it into the style sheet located in my themes main directory. Style.css

    Thanks for letting me know!

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Email field not styled like other form fields’ is closed to new replies.
Skip to toolbar