“E-mail” input span larger than the rest

  • Hello everybody,

    Am I the only one who’s getting an “E-mail” input tab span that is slightly different in size to the others? This problem can be seen at any window display size, and I would like to know how to solve it. I already tried making every span in the form (#wpcf7-f31-p9-o1) to be 80%, but this doesn’t seem to work. Any ideas?

    Also, how can I effectively override the font size for the title indications in the form for mobile use? As much as I use “!important”, nothing happens…

    Bye, and thank you very much in advance.

    Cheers!

    https://lineagatuna.cl/contacto/

    • This topic was modified 7 years, 3 months ago by lineagatuna.

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

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

  • style.css Line 93

    change

    input[type=text] {box-sizing: border-box;-moz-box-sizing: border-box;/* -webkit-box-sizing: border-box; */}

    to

    input[type=text], input[type=email] {box-sizing: border-box;-moz-box-sizing: border-box;/* -webkit-box-sizing: border-box; */}

    Cheers!

    • This reply was modified 7 years, 3 months ago by konsument.
    Thread Starter lineagatuna

    (@lineagatuna)

    Hi konsument!

    Wow, that was fast. Thanks!
    Do you happen to know if these box sizing functions might be interfering with my attempts to produce a smaller font size for mobile versions?
    How would I achieve this?

    Cheers!

    You′re Welcome. You should start reading the FAQ. Im sure you will find the answer there.

    Thread Starter lineagatuna

    (@lineagatuna)

    Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘“E-mail” input span larger than the rest’ is closed to new replies.

Tags