WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
CF 7 - css problem with "email" form (4 posts)

  1. juni0rus
    Member
    Posted 4 months ago #

    Hello,

    i have small issue on my site, exactly with only one form field which is different. It's email field, u can check it here: http://www.platinumcard.home.pl/bsgeo/kontakt/

    it's "Adres E-mail"

    Did u see that, its really different, its ugly :( i dont know why it showing different rules... Can u help me and tell where i can do some modify and how (probably in css) to fix it?

    BEST REGARDS
    juni0rus

    https://wordpress.org/plugins/contact-form-7/

  2. buzztone
    Member
    Posted 4 months ago #

    http://contactform7.com/faq/#Why_does_my_email_address_input_field_look_different gives you some guidance on how make these fields look the same in your current WordPress theme.

    The actual look of CF7 forms on your website will depend largely on the current WordPress theme used and the CSS styling that theme applies to standard HTML form elements.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

  3. juni0rus
    Member
    Posted 4 months ago #

    Hello,

    Thanks a lot for your response, i try this and achive what i want changing some code:

    <p> [text* email watermark "Adres E-mail"]</p>

    email* change to "text*"

    Working good - i hope :) , but there is question - is there any different bettwen text / email? I know that email is using only for @ adresses, but with text it showing perfect, any other imporant differents???

  4. buzztone
    Member
    Posted 4 months ago #

    The article I wrote, linked to at the bottom of Styling Contact Form, will show you how to Use Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements so you can you answer your question plus any others you might need to answer.

Reply

You must log in to post.

About this Plugin

About this Topic