Before you ask please READ THIS

Change width of sign up field

edited March 2017 in Agency Posts: 70
Hey guys!

Please see sign up box on www.gomedsmart.com

I want to decrease the width of the field. I tried

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

but nothing happened.

Thanks in advance.
Post edited by designdogs on

Comments

  • AirAir
    Posts: 9,696
    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.
  • 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.
  • AirAir
    Posts: 9,696
    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.
  • 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
  • AirAir
    edited March 2017 Posts: 9,696
    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
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!