Tips and Tricks HQ Support Portal › Forums › WP eMember › WP eMember Troubleshooting › WP eMember login widget not displaying correctly › Reply To: WP eMember login widget not displaying correctly
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.