Change width of sign up field

Comments

• Air

  March 2017 Posts: 10,970

  Hello:-)
  
  This is not mailchimp input but contact form 7.
  Use this CSS instead:

  .wpcf7-form-control-wrap input[type="email"] {
      width: 50%;
  }

  With kind regards.
• designdogs

  March 2017 Posts: 70

  Oh silly me haha. Thanks!
  
  Now I need to centre it. I tired:
  
  .wpcf7-form-control-wrap input[type="email"] {
  width: 50%;
  margin: 0 auto
  }
  
  But no luck.
  
• Air

  March 2017 Posts: 10,970

  Either give your input display: block; before you use margin method or add

  
  .mc4wp-form {
  text-align: center;
  }

  End of CSS lessons ;-)
  
  With kind regards.
• designdogs

  March 2017 Posts: 70

  Please note it's not the Mail Chimp form its the wpcf7-form.
  
  I had already tried your suggestion but it just aligned the text centre and not the field.
  
  So how do I centre align the field?
  
  Thanks
• Air

  March 2017 edited March 2017 Posts: 10,970

  Yes, my mistake, however I gave you two solutions. Add display: block; to input rule:

  
  .mc4wp-form {
      text-align: center;
      display: block;
      margin: 0 auto;
  }

  With kind regards.

  Post edited by Air on March 2017