[Plugin: MailChimp List Subscribe Form] Text input boxes not lining up in the widget

  • Jamie Edwards

    (@jamieedwards)


    11 years, 10 months ago

    Hello Nate,
    I have added this code to my style.css file and it does nothing. I am wanting all the text boxes to line up, and because the word “Email” is shorter than “First Name” the text box doesnt line up. Can you show me how to do this? Thanks very much. Here is a link to my site http://eyesandwings.jamieedwards.com/?p=851

    I currently have this code in my style.css file, but it doesnt seem to make each label appear above the text input box. I would prefer if I could get each box to line up, but not have the label above the box if possible! 🙂

    #mc_signup_form .mc_input {
display: block;
}

    http://wordpress.org/extend/plugins/mailchimp/

Viewing 3 replies - 1 through 3 (of 3 total)
  • dottianne7

    (@dottianne7)

    11 years, 9 months ago

    did you ever get the answer/fix? I would like to have the same fix to get the entry fields to align

    Thread Starter Jamie Edwards

    (@jamieedwards)

    11 years, 9 months ago

    No, I haven’t had an answer yet. I hope soon…

    mc_nate

    (@mc_nate)

    11 years, 9 months ago

    Hey there!

    Because the inputs are designed to butt right up against the field labels, you’ll have to get somewhat creative with the CSS to get this to look just right. The “display:block” property is designed to knock the input field down below the field label, which isn’t quite what you’re looking to do.

    Instead, you’ll want to create a little spacing between the field label and the input box, and then get granular with how much margin to add. So, just getting general, here, you could add something like this to your site’s CSS:

    #mc_signup_form .mc_input {
margin-left: 10px;
}

    That will give you a 10px margin to the left of the input area. Then, you could add this little bit to get the “Email” field to match up:

    #mc_mv_EMAIL.mc_input {
margin-left: 35px;
}

    That would give you something that looks like this in Chrome: http://cl.ly/370h140V2v3c1k1U290h

    While we can’t get too nitty-gritty, that should at least get you going on the right path!

    Cheers

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: MailChimp List Subscribe Form] Text input boxes not lining up in the widget’ is closed to new replies.