Control size of login and registration forms

[JWienecke]

I have one main issues, one is just the size of the forms, registration and login / logout. I am not a CSS specialist, tried to find it in the eMember_style.css and could not affect any change. It is current state i make my whole site look bad. Any suggestions.

[amin007]

Lets start with a link to the registration and login page so I can see what you mean.

[JWienecke]

http://dynamicevolution.com/blog/ – Note the logon widget at the bottom right, the size of the enter boxes. After login, the information presented is in large font and can not see the complete size of the user information.

Here is the registration page:

http://dynamicevolution.com/blog/membership-area/registration/

Here is the account maintenance.

http://dynamicevolution.com/blog/membership-area/account-maintenance/

To test it out you can use User: CJones PWD: test1234

[amin007]

You are using the WP3.0 default theme which is a fantastic theme. In case you didn’t realize… this theme has a very clean look. One of the ways it achieve this effect is by giving enough space between the elements. which is why when you go to the forms (regstration, edit profile etc.) it looks big because it has plenty of room between the fields.

WP eMember takes the CSS of your theme for the table. This is to make sure that the plugin fits in with whatever theme you are using. If you are not liking the space the twenty ten theme puts between the elements then you will have to change the CSS of this theme (to be more specific you will need to change the CSS related to table elements on that theme).

“After login, the information presented is in large font” – The status is presented in a capitalized font so it can be easily distinguished. Yes this can be changed in eMember. Open the “css/eMember_style.css” file and find the following CSS:

.eMember_highlight {text-transform: uppercase;text-align: left;font-size: 14px;font-weight: bold;font-family: Helvetica, Arial, sans-serif;

}

Modify it to the following:

.eMember_highlight {text-align: left;font-size: 12px;font-family: Helvetica, Arial, sans-serif;

}

Now it won’t be capitalized and bold.

[Author]

Posts