How to modify the width of contact form?

• 

  mahantesh19 · Member · Apr 13, 2017 at 4:53 am

  • Copy link
  • Add topic to favorites

  Hi! Folks How do I modify the width of the contact form? I see big white space in the middle of the page.

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

• 

  otpidusprime · Member · Apr 13, 2017 at 8:08 am

  • Copy link

  Hello @mahantesh19,
  It is happening because at the moment the form input fields are assigned to a fixed width of 300px, like this:

  .contact-form input[type='text'], .contact-form input[type='email'] {
      width: 300px;
      max-width: 98%;
      margin-bottom: 13px;
  }

  So to eradicate the white-space you can use this CSS code:

  .contact-form input[type='text'], .contact-form input[type='email'] {
      width: 100%;
      max-width: 100%;
  }

  And if you want the submit button to be full-width too(to match the width of input fields), then use this CSS code:

  input[type="submit"] {
      width: 100%;
  }

  Hope this helps :)