Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change colors of “SAVE CHANGES” button


  • semperaye
    Participant

    @semperaye

    Would anyone be so kind to provide me with an example custom css to change the color and hover color of the “SAVE CHANGES” button on bbpress profile editor? Its the only button that doesn’t match on my site 😛

    Thanks again!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Henry Wright
    Moderator

    @henrywright

    .save {
        color: #aaa; // This will change the text colour
        background-color: #fff;
    }

    .save is the selector. You can find the selector you need by looking at your button’s class in the page source code. For example:

    ...
    <button class="save"></button>
    ...

    A good CSS tutorial:

    https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started


    semperaye
    Participant

    @semperaye

    Hmmm well I do not see any selector info on my page source, this is what I see:

    <div class=”submit”>
    <input type=”submit” name=”signup_submit” id=”signup_submit” value=”Complete Sign Up” />
    </div>

    <input type=”hidden” id=”_wpnonce” name=”_wpnonce” value=”bce145ef16″ /><input type=”hidden” name=”_wp_http_referer” value=”/register/” />

    </form>

    </div>


    semperaye
    Participant

    @semperaye

    Someone helped me do this for bbpress and it looked like this:

    #bbpress-forums .submit {
    background-color: #0f5289;
    color: #FFFFFF;
    float: center;
    vertical-align: middle;
    border-radius: 0;
    height: auto;
    width: auto;
    }

    #bbpress-forums .submit:hover {
    background-color: #0c2b44;
    color: #FFFFFF;
    float: center;
    vertical-align: middle;
    border-radius: 0;
    height: auto;
    width: auto;

    How can I do the same with hover in buddypress?


    semperaye
    Participant

    @semperaye

    Better yet, it would be nice if there was a way to change all the BuddyPress buttons globally, including “Add Friend” “Cancel Friendship,” “SEARCH,” etc.

    Example:

    I found this code that changes all the wordpress buttons globally, just not the login and register.

    .wp-core-ui .button-primary, .button {
    background: #99cc66;
    border-color: #669933;
    box-shadow: inset 0 1px 0 rgba(102,153,51,.5),0 1px 0 rgba(0,0,0,.15);
    }

    .wp-core-ui .button-primary:hover, .button-primary:active {
    background: #669933;
    border-color: #99cc66;
    box-shadow: inset 0 1px 0 rgba(102,153,51,.5),0 1px 0 rgba(0,0,0,.15);
    }

    Perhaps there is a .buddypress-core-ui?????


    semperaye
    Participant

    @semperaye

    I paid someone on fiver to do it for me, if I understood it I would post it here, topic closed.


    Henry Wright
    Moderator

    @henrywright

    Sorry for the delay. Looking at your markup, #signup_submit looks to be your selector. Glad you got this sorted 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Skip to toolbar