Support » Plugin: WP-Members: Membership Framework » fixed alignment problem on wp-members login/registration form

Viewing 2 replies - 1 through 2 (of 2 total)
  • Actually, this fix does not work all the time.

    It works with the theme RTTheme17.

    However, it does not work with the theme VibeCom – the field labels are still mis-aligned vertically.

    I wish this plugin were more robust.

    It seems that the problem may be due to collisions and overrides between the class names used in the CSS file supplied with the WP-Members plugin, and the class names used in the various themes.

    Careful programmers adopt a convention of prefixing their identifiers with an abbreviation representing the name of the plugin or theme, thus providing a sort of “namespace” or “package” system (in languages such as PHP or CSS or HTML which lack this), in order to avoid this sort of problem.

    I have noticed while reading the CSS files for the WP-Members plugin that this convention was not always adopted.

    OK, I tweaked the CSS again (using Firefox Developer Tools) and now the vertical alignment of the field labels is displaying correctly in Chrome 27, Firefox 21 and IE 9.

    Here is the current rule, at line 122 in the (modified) CSS file wp-members-2012.css:

    #wpmem_reg label.textarea , #wpmem_reg label.select,
    #wpmem_login label {
            left:4px;
            top: 4px;
            color:#555;
            width:210px;
            margin-top:4px;
            margin-bottom:4px;
            padding-top:4px;
            padding-bottom:4px;
            padding-left:4px;
            float:left;
            display: block;
            font-family: inherit;
            font-size: inherit;
            line-height: 2.2;
            height: 42px;
            display: block;
    
    }

    This makes the field labels vertically align correctly – at least when using the themes RTTheme17 and VibeCom.

    Your mileage may vary!

    PS – It would also be nice if the text which says:

    *Required field

    were slightly lower on the page.

    However, this text is without a tag in the current HTML file, so it is probably not possible to change its position by modifying the associated CSS file.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘fixed alignment problem on wp-members login/registration form’ is closed to new replies.