New User Registration Form in BuddyPress

Hi All!

Is there anyway to make error messages for the user Registration form (buddypress site) a different color than the regular text labeling?

For example, the “username” field has to be all lowercase, numbers and letter…nowhere does it tell the new user this until they have done it wrong, when the form simply “reloads”, this time with an error message that blends in with the regular label text and is really hard to notice…same with the “blog title” field near the bottom….it requires more than 3 letters, but you don’t know this until you’ve done it wrong…and again, the error message is the same color, blends right in!

OR, better than changing error message colors, what is the filename….can we go add instructions to the field labels? ie. beside “username” have the text: “(lowercase only)”, and beside “Blog Title”, “(must be 4 letters or more)”

If you want to check it out, the site is http://www.rytterfamily.com

Thanks,

Mike (Christina’s worse half!)

  • Andrew
    • Champion of Loops

    Hiya,

    I’m afraid you’ll need to edit the theme CSS to change the error message coloring.

    OR, better than changing error message colors, what is the filename….can we go add instructions to the field labels? ie. beside “username” have the text: “(lowercase only)”, and beside “Blog Title”, “(must be 4 letters or more)”

    That’s not really possible without editing the theme and BuddyPress a good bit.

    Thanks,

    Andrew

  • Christina
    • Flash Drive

    HI Andrew

    Any idea as to which .css file I need to look in and lines I should look for?(there are a few…I opened and looked at them all…couldn’t seem to find anything related to error messages)

    Tks,

    Mike and Christina

    By the way….thanks for what you guys do here….this membership is soooooo worth many times more than what you charge!

  • Richie_KS
    • HummingBird

    you can edit the registration text in

    wp-contentthemesbp-socialregistrationregister.php

    you can use this css class to modify the error notice

    form div.error {

    font-size: 12px;

    font-weight: bold;

    color: #660000;

    background: #FFDBD2 url(../images/warning.png) no-repeat 8px center;

    border-top: 2px solid #FFBBAA;

    border-bottom: 2px solid #FFBBAA;

    display: block;

    margin-bottom: 6px;

    padding: 5px 5px 5px 30px;

    width: 400px;

    margin-top: 6px;

    }

    take the warning.png from default theme or bp-sn-parent and put it into the bp social theme images folder.

    cheers