Change Telephone Field Length

  • What CSS would I use to dictate the length of the telephone field only? On a desktop my form looks fine with all the fields being very long except the phone field. I’m good with this. But when I look at the page on a smart phone all of the fields properly shorten to fit the screen EXCEPT the telephone line which is now too long. See here: https://imgur.com/a/43GJ7

    I would think that somebody already entered a hard limit for the field, but I don’t see anything in the programming for that, so it must be something in the CSS… Right? See here: https://imgur.com/a/KtkS1

    It seems the easiest solution is to set a hard limit on the telephone field (making it shorter on all screen sizes), but I’m not sure what code to use or where to put it (does it have to be CSS, or can I enter something in the “Form” tab on Contact Form 7?). Any help would be appreciated.

Viewing 1 replies (of 1 total)

  • Hi,
    I can help you with CSS if you share your website link. You can use CSS media queries to set the size of your telephone field for different screens.

    Thanks,
    Pamir

Viewing 1 replies (of 1 total)
  • The topic ‘Change Telephone Field Length’ is closed to new replies.