LOGIN FORM FIELDS WONT LINE UP

  • I’m working on a site theworkforceconnect.com, and on the left sidebar is a login form (using the plugin Theme My Login). The username field is a bit longer than then password field, except only in ie (in chrome it looks fine.) I have viewed and edited the margins, the length of the fields, and looked everywhere I could for help, but even if all the values are the same, the fields will not stay the same length in chrome and IE.

    I’ve been trying to figure this out for about two months, since I started the site. Does anyone have any clue why this is happening?

Viewing 1 replies (of 1 total)

  • Try adding a font-family declaration to your inputs in the theme-my-login.css file so IE won’t use default fonts that mess with your form field alignment. I tested this in IE9 and they lined up.

    .login input {
    margin: 5px 5px 5px 0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

    The font size is not needed (for the alignment to happen) but better to be specific then leave it up to the browser.

Viewing 1 replies (of 1 total)
  • The topic ‘LOGIN FORM FIELDS WONT LINE UP’ is closed to new replies.