contact form 7 telephone weird

  • Resolved wirpi

    (@wirpi)


    3 years, 7 months ago

    Hi =)

    My first ever time to place contact form 7 to website, so I dont know is this normal or not? As I created the form there was by default name email subject and textarea. I needed to add telephone and did it like that: 

    <label> Nimi (pakollinen)
    [text* your-name] </label>

<label> S?hk?posti (pakollinen)
    [email* your-email] </label>

<label> Puhelin
    [tel tel-154] </label>

<label> Otsikko
    [text* your-subject] </label>

<label> Viesti 
    [textarea your-message] </label>

[submit "L?het?"]

    Whats wrong with it, for as you can see the telephone-line is different. On mobile phone it also behaves different and weird. Somebody said I would need to manage css, but I dont know how. Thank you! ??

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • it’s caused by your theme not from wpcf7!

    check (for example) line 1419 of your style.css it’s missing
    .footer-wrapper .wpcf7 input[type="tel"],

    so you have 2 way to fix the problem:
    1) change type “tel” to “text” (your template support the style of text email password and date)
    2) change your style.css and style-custom.css, find for all entries “wpcf7 input[type=” and and “.footer-wrapper .wpcf7 input[type=”text”],”

    hope it helps!

    Thread Starter wirpi

    (@wirpi)

    Thanks a lot, I did take the easiest way nro 1 this time, and now its ok! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘contact form 7 telephone weird’ is closed to new replies.