WishList Member - Login Page & Registration Page

Hello,

I'm using WishList Member for a free membership as apart of my website. It comes with shortcode to create the two pages instead of using the widget. The two pages are not uniform with the theme, is there a way to customize the two pages so that they are uniform (font, box size etc) with the theme?

Log page - http://www.irgfirm.com/logintest/

Reg PAge - http://www.irgfirm.com/registertest/ ‎

Not sure if this is a WL or ITheme issue, however I would like to avoid using a plugin.

Thx,
RD

 

Hello,

We are not getting these pages in your website.
You can apply CSS code on them to make uniform.

Thanks & Regards
Pramod

 

Sorry made some changes today, is there anyway to make these more uniform? Using WP FrontEnd Pro for frontend user update.

Reg Page: http://www.irgfirm.com/myirg-registration/

Login Page: http://www.irgfirm.com/myirg/

Thx

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

div#wpuf-login-form {
text-align: left;
border: 1px solid #ccc;
width: 22%;
padding: 40px;
margin: 20px;
}
 
div#wpuf-login-form input#wp-submit {
padding: 10px;
background: green;
border: none;
color: white;
}
 
div#wpuf-login-form input#wp-submit:hover {
padding: 10px;
background: green;
box-shadow: 0px 0px 5px #222;
}
 
input#wpuf-user_pass {
width: 50%;
padding: 10px;
}
 
 
input#wpuf-user_login{
width: 50%;
padding: 10px;
}
 
.wpuf-form-add
{
text-align: left;
border: 1px solid #ccc;
width: 22%;
padding: 40px;
margin: 20px;
}
input{
width: 50%;
padding: 10px;
}

Thanks & Regards
Pramod

 

Hello,

The look of the two pages based on your code are uniform however there are some aesthetic issues:
1. MyIRG Login - The remember me check box and remember me label are not aligned.

2. MyIRG Registration - Is it possible for the "Register" button to be green and the size reduced to the size of the strength indicator.

Thx,
RD

 

Hello,

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

Code:

input#wpuf-rememberme {
width: inherit;
}
#pass-strength-result {
width: initial;
font-size: 14px;
}
ul.wpuf-form .wpuf-submit input[type=submit]
{
width: 130px;
padding: 10px;
}
 
input#pass1,input#pass2,input#wpuf-user_url,input#wpuf-user_email {
width: 250px;
height: 18px;
}

Thanks & Regards
Pramod

 

Hello,

I added the recent code along with the code prior and now the login page looks good. However now the registration page has issues:

http://www.irgfirm.com/myirg-registration/

1. The border alignment is off.

2. The input field box is to close to the input field name.

3. Registration button is blue, if that cant be change to green, that's no problem.

Also I'm using the fullwidth template on those pages.
Thx.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.wpuf-form-add {
width: 65%;
}
ul.wpuf-form .wpuf-submit input[type=submit] {
background: green;
border-color: green;
}
input[type="text"], input[type="email"],input[type="url"], input[type="password"] {
width: 80% !important;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thanks Pramod and Yogesh, that did it.

RD