Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eMember – Customizing the background of the forms

by

Tips and Tricks HQ Support Portal › Forums › WP eMember › eMember – Customizing the background of the forms

Tagged: css code, css for text, customization css, registration form, text in forms

  • This topic has 5 replies, 4 voices, and was last updated 10 years ago by wpCommerce.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 28, 2013 at 1:48 pm #8834
    Rachelflute
    Member

    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

    March 28, 2013 at 11:40 pm #54697
    Peter
    Member

    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.

    March 28, 2013 at 11:50 pm #54698
    Rachelflute
    Member

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

    March 29, 2013 at 12:32 am #54699
    admin
    Keymaster

    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;
    }

    March 30, 2013 at 1:33 pm #54700
    Rachelflute
    Member

    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

    March 30, 2013 at 11:33 pm #54701
    wpCommerce
    Moderator

    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
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ