Aligning field boxes on home page

Thats a pretty old topic & solution. Try using wp_login_form instead in conjunction with Firefox + the Firebug add-on for the CSS work.
https://getfirebug.com/

Thanks,

I replaced the code in the header.php file with your suggestion and installed the Firebug add-on to firefox.

Would you be able explain how I can position the login box. I have firebug open with css.

Excuse my ignorance.

L

You first need to know how to use CSS:
CSS Tutorials
Learning CSS

The login fields wont let me insert the cursor to add text.

Code

<div style="position: absolute; left: 800px; 0: 100px;">
<?php wp_login_form(); ?>

I replaced it with this but made no difference

<div style="position: absolute; left: 800px; 0: 100px;">
<?php wp_login_form($args); ?>
<?php $args = array(
        'echo' => true,
        'redirect' => site_url( $_SERVER['REQUEST_URI'] ),
        'form_id' => 'loginform',
        'label_username' => __( 'Username' ),
        'label_password' => __( 'Password' ),
        'label_remember' => __( 'Remember Me' ),
        'label_log_in' => __( 'Log In' ),
        'id_username' => 'user_login',
        'id_password' => 'user_pass',
        'id_remember' => 'rememberme',
        'id_submit' => 'wp-submit',
        'remember' => true,
        'value_username' => NULL,
        'value_remember' => false ); ?>
</div>

[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]

That’s a CSS issue. Your header div is laying over the login form.

Thanks for you help.

Hi Esme,

I have spent most of this afternoon trying to understand what is wrong. I’m not a coder but I’ve gone through many other options to try get it.

If I move the </div> tag to the top line then I lose the positioning.

How does one apply the positioning style div to the form so that it wont lock a user out.

I have tried this but it does not work

<?php wp_login_form( $args ); ?>
<div id="loginform">
<?php $args = array(
        'echo' => true,
        'redirect' => site_url( $_SERVER['REQUEST_URI'] ),
        'form_id' => 'loginform',
        'label_username' => __( 'Username' ),
        'label_password' => __( 'Password' ),
        'label_remember' => __( 'Remember Me' ),
        'label_log_in' => __( 'Log In' ),
        'id_username' => 'user_login',
        'id_password' => 'user_pass',
        'id_remember' => 'rememberme',
        'id_submit' => 'wp-submit',
        'remember' => true,
        'value_username' => NULL,
        'value_remember' => false ); ?></div>
#loginform{
position: absolute
top: 10px
left:900px
width:724px
height: 500px
}

Thanks,

L