eMember – Customizing the background of the forms

[Rachelflute]

Hi,

I use a dark background on my site, so the white background of the emember forms doesn’t fit very well. I would like to change the background colour of the forms (not the boxes where a visitor types there details or recaptcha box). If I change the background of the form I will also need to change the colour of the main text & possibly the separation lines between the each part of the form (the line between the name & email boxes, for example).

Is that possible? I have looked through the forum & also the documentation, but I could find any information specifically on css customization changes for form background & text.

I would be grateful if you could let me know what css code I can use for that & which file I will need to edit.

Thanks

[Peter]

Please post a link to your page which contains the form so we can take a look and advise you on the CSS code you should use.

[Rachelflute]

Hi, here is the link; [http://www.objectivesoul.com/join-us/registration]

[admin]

Add the following CSS to eMember’s custom css file (wp-eMember/css/eMember_custom_style.css) which will make the background of the form match your theme’s background:

#wp_emember_regoForm table{

background-color: #1F1426;

}

[Rachelflute]

Hi,

That worked perfectly. Thanks a lot!!

There was just one other thing for that which is the text colour. Now that the form background is dark, the text doesn’t show up very well (username etc). Could I also get the css to change the colour of the text & then I think that will be perfect.

Thanks

[wpCommerce]

Hi, please add the following CSS to the eMember’s custom CSS file to change the color of the field labels:

#wp_emember_regoForm table label{

color: white;

}

[Author]

Posts