Is it possible to make all fields in my contact page the same length?

• 

  laurapalmerwp · Member · Feb 19, 2015 at 11:33 am

  • Copy link
  • Add topic to favorites

  Currently the comments field is longer than the single text fields on the desktop and shorter on the mobile. I’d like them all to be the same length, whatever the platform.

  Is that possible?

  The blog I need help with is: (visible only to logged in users)

• 

  shawnajroberts · Member · Feb 19, 2015 at 5:17 pm

  • Copy link

  Hi there!

  If you change the type of that field to “text” instead of “textarea” it will become a single line box.

  http://en.support.wordpress.com/contact-form/#shortcode-reference

  • text – Displays a regular single line text box
  • textarea – Displays a multi-line text box

• 

  laurapalmerwp · Member · Feb 20, 2015 at 2:49 pm

  • Copy link

  Thanks for your help. I’d still like multiple lines in the comments box though – so people can see what they’re writing when they write more than 1 sentence. So more height to it – but the same length as the other fields. That must be possible?!

• 

  shawnajroberts · Member · Feb 20, 2015 at 5:28 pm

  • Copy link

  I’m a little confused by what you mean by “length”. Do you mean width?

  If you switch back to using the textarea, I’ll take a look at the CSS and see if there’s a way to do this.

• 

  laurapalmerwp · Member · Feb 21, 2015 at 3:22 pm

  • Copy link

  Sorry, yes width! I’ve changed the field back to how it was. It ought to be possible. Programmers I’ve worked with previously have manage this for me. At least on desktop…

• 

  alexjgustafson · Member · Feb 22, 2015 at 4:24 pm

  • Copy link

  Here’s the CSS to make the name and email fields’ width match the width of the comment field in your contact form:

  #g1-name , #g1-email{
  	width: 80%;
  }

• 

  laurapalmerwp · Member · Feb 23, 2015 at 2:53 pm

  • Copy link

  thanks again!