Input Form Labels Styling for eMember

[bluegiraffe85]

Hi,

On the member login page and the update profile page, the labels next to the input boxes aren’t displaying. I believe this is because the color that I set set for the menus on the site is white.

I know I can add CSS to the css/eMember_custom_style.css but am at a loss for the actual code to use.

I believe it’s something like

.eMember_label

But that hasn’t worked for me.

Can you give me a push in the right direction?

Here are the pages that show the white labels:

[http://sagelavine.com/members-login/]

[http://sagelavine.com/edit-profile/]

Thanks

[Peter]

Add this to your eMember custom CSS file:

.eMember_label {

color: black !important;

}

[bluegiraffe85]

I added that code and it didn’t change anything.

But I noticed that it says this at the top of the edit screen: wp-eMember/css/eMember_custom_style.css (inactive)

Does the stylesheet have to be activated in order to work?

[Peter]

Add the following line of code in the custom CSS file. This theme is specifying all label elements to be white which is very strange!

.wp_emember_loginForm label{color:black !important;}

Try clearing your browser’s cache after you make the change.

[bluegiraffe85]

Awesome! That worked. Now how about the labels that appear when a members is logged in:

You are logged in as:

Your membership level is:

etc?

The labels display fine, but not the information that comes after (the logged in suer name or membership level, for example).

Thanks for your help!

[wpCommerce]

Hi, please try adding the following to the custom CSS file:

.eMember_highlight{color:black !important;}

[madisen]

I have not made any adjustments as per the above example but my field names are not appearing on login and registration pages:

[http://madisenharper.com/join-us/registration/]

[http://madisenharper.com/member-login/]

However, they DO appear in eAffiliate – [http://madisenharper.com/affiliate]

Is there a setting I need to activate?

[admin]

Hi, You have a CSS definition somewhere in your theme’s CSS that is making all labels invisible. I have no idea why it is applying display: none properly to all labels. You probably should fix that otherwise any HTML label elements on your site won’t be displayed.

Alternatively, add the following CSS code to eMember’s custom CSS file to override that label hiding:

.eMember_label {

display: block;

}

[madisen]

Thanks, that worked perfectly!

[Author]

Posts