WP eMember login widget not displaying correctly

[leewhitehead]

Just purchased WP eMember plugin but after installing and testing on

my local host & site I noticed the login widget does not display correctly.

Tried different themes but had the same problem.

Please can you help.

Thanks,

Lee

[amin007]

explain “correctly” please. is it too wide? it doesn’t show? it doesn’t work when login button is clicked?

[leewhitehead]

The login widget shows but is aligned to the right so that it

is off the page.

This happens with all themes tested, even default templates.

Lee

[amin007]

Ah I see… by default the login form is catered for a wide sidebar (eg 300px). Usually these days most themes use a wider sidebar so it fits with the most common advertisement units.

This can be changed so it fits in a narrow sidebar too. usually I just put the labels (eg. username, password) in a separate row for sidebars that are narrow. here is the instruction on how to change it:

1. Open the “eMember_misc_functions” file.

2. Search for the following in that file:

<form action="" method="post" class="loginForm" name="loginForm" id="loginForm" >

3. Just below it you will notice a bit of code that looks like the following:

<table width="95%" border="0" cellpadding="3" cellspacing="5" class="forms">

.

.

.

</table>

4. Replace that table (start to end) with the following bit of code:

<table width="95%" border="0" cellpadding="3" cellspacing="5" class="forms">

<tr><td colspan="2"><label for="login_user_name" class="eMember_label">Username: </label></td></tr>

<tr>

<td colspan="2"><input class="eMember_text_input" type="text" id="login_user_name" name="login_user_name" size="15" value="'.$_POST['login_user_name'].'" ></td>

</tr>

<tr><td colspan="2"><label for="login_pwd" class="eMember_label">Password: </label></td></tr>

<tr>

<td colspan="2"><input class="eMember_text_input" type="password" id="login_pwd" name="login_pwd" size="15" value="'.$_POST['login_pwd'].'" ></td>

</tr>

<tr>

<td><input name="doLogin" type="submit" id="doLogin" class="eMember_button" value="Login"></td>

<td><a id="forgot_pass" class="forgot_pass_link" href="javascript:void(0);">Forgot Password?</a></td>

</tr>

<tr><td colspan="2"><span style="color:red">'. $msg  .'</span></td></tr>

</table>

Let me know how you go.

[leewhitehead]

Thanks for your speedy response.

Tried this code and it now displays correctly.

I am still doing tests on my local host but I am

very happy so far with my purchase of wp emember.

Kind regards,

Lee

[Author]

Posts