CSS to change fonts in eMember forms please?change

[NikkiBrown]

Hello. I would appreciate it so much if someone could please give me the exact CSS snippet I need to change the font in the eMember registration form on this page so that it matches the rest of the body text on the page: authorsgreenhouse.com/join-us/

I have installed the Custom CSS plugin and know how to use it, but it is very hard for me to determine CSS styles on the page because I can’t see. I would really appreciate your help. Thank you.

[wzp]

I have installed the Custom CSS plugin and know how to use it, but it is very hard for me to determine CSS styles on the page because I can’t see.

I’m not sure if “I can’t see” means you can’t figure it out what CSS class is being used, or if it means you are legally blind (like me). In either case, the CSS class for the registration form fields is: eMember_label

The way to determine the CSS class being used, is to do a right click on the text you are interested in, select “Inspect” and then examine the highlighted text in the resulting inspection window.

[NikkiBrown]

Hello,

I appreciate your attempt to help; however, I really need the exact CSS snippet to paste into the Custom CSS plugin. I am totally blind, and although I do understand the process for inspecting the various elements on the screen as you describe, it is much more difficult with screen reading software especially when I’m truly a novice at figuring out CSS anyway. I need to change all the text in the eMember registration form to match our main body text. There may be multiple CSS snippets that I need to do this. I would appreciate it so much if I could get whatever exact CSS code I need to accomplish this. Thank you. on the page.

[wzp]

Okay… currently, the font-family for eMember_label is Helvetica and the font-family for the theme “seems to be” something called Amatica SC.

So, your CSS “snippet” would be:

.eMember_label {

font-family: 'Amatica SC';

}

That should cause all of the form labels in eMember to “match” the same font as the theme.

[NikkiBrown]

Thank you so much. I will give that a try. I really appreciate your help.

[NikkiBrown]

OK, according to my sighted son, that CSS code did seem to work on the form fields, but the text in the form that says, “Fill in the following details to verify your email address. You will be able to register for an account after the verification” did not change. Could you please let me know the CSS code to change that text as well? Thank you!

[wzp]

See if this works:

.forms {

font-family: 'Amatica SC';

}

[NikkiBrown]

Thank you SO MUCH. I appreciate your help. That worked.

[Author]

Posts