Uniform Look for Login and Registration Page

Hello,

I'd like to have my client login page look as close as possible:

Page to change: http://www.irgfirm.com/client-login/
1. Add a boarder.
2. Unbold the font.
3. Add colons "Username:" "Password:"
4. Align text field to the right of label:
Username: [ text field location]
Password: [text field location]
5. the login button to have round edges like the submit registration button.

Example of page of style: http://www.irgfirm.com/create-account/

Thx

 

Hi rdeshazer,

Please paste the code given below in custom css.
(Appearance->Theme Options->Styling Options->Custom Css) of your dashboard.

Code:

form.um_login_form {
width: 24%;
border: 1px solid #CCCCCC;
border-radius: 5px;
padding: 30px 30px 15px 30px;
}
 
.pf_label {
width: 89px;
padding: 5px;
font-weight: normal;
float: left;
color: red;
}
 
label.pf_label::after {
content: ':';
}
 
input[type="text"] {
width: 168px;
height: 20px;
margin-top: 6px;
}
 
.um_input {
width: 168px;
height: 20px;
margin-top: 6px;
}
 
input.um_login_button {
padding: 5px 10px;
border-radius: 4px;
border: none;
width: 78px;
}

Thanks
Praveen

 

Hello Praveen,

I added the code, but nothing seems to have changed. I refreshed as well, but still the same.

http://www.irgfirm.com/client-login/

R

 

Hi rdeshazer,

I have checked your website.

The css code i gave you is not implemented on your website.

Please paste the code again.

If it's not working again then email us your wordpress login details at [email protected].

Thanks
Praveen

 

ok will send login.

 

Hi rdeshazer,

I have solved your issue.

The issue comes due to plugins installed in your wordpress.

Next time if you need to apply any css, please deactivate all plugins.

Write your code in custom css ,update it and then activate all plugins.

Thanks
Praveen

 

ahhh ok gotcha. I resent an email to support with some screen shots as the alignment is a bit off.

Thx

 

Hi rdeshazer,

I have solved your issue.

Thanks
Praveen

 

Hi Praveen,
This page is still not aligning properly.

http://www.irgfirm.com/create-account/ - Vertical and horizontal alignment is off.


R

 

Hi rdeshazer,

I have solved your issue.

Thanks
Praveen​

 

Thanks Praveen looks good!