Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Button Issues

  • @alleycakes

    Participant

    I have two button issues right now after installing BuddyPress:

    1. Within the user profiles, the Comment, Favorite, and Delete buttons look nice except for the text. The button background is white, and so is the text with a grey shadow… makes it basically unreadable. I’d like for the text to be a darker grey.

    2. I’m using the MaxButtons plugin, and I’ve created a large red button that I’m using in a widget. For whatever reason, when I go into my BP profile and click Settings, the Save Changes button is outlined with the large red MaxButton that I created… I have no idea why this is only happening with this button in particular and not the rest.

Viewing 9 replies - 1 through 9 (of 9 total)
  • @alleycakes

    Participant

    On second look, it’s possible that issue #2 has nothing to do with MaxButtons, but with custom CSS for Submit buttons within my theme. I still don’t understand why it’s outlining the Save Changes button though instead of overriding it. Either way, very confused and still need help. 🙁

    @mercime

    Participant

    @alleycakes It would help if you posted site url as well as a throw-away username and password so volunteers can check it out. If you use Firefox, use Firebug to identify what you need to change http://www.studiopress.com/tips/using-firebug.htm

    @alleycakes

    Participant

    My site is http://www.raccoonsociety.com/
    UN: guest
    PW: guest

    @alleycakes

    Participant

    So I tried out Firebug and here’s some more info that I found:

    Here’s the code for the buttons that are working properly:

    <div class="bbp-submit-wrapper">
    <button type="submit" tabindex="108" id="bbp_topic_submit" name="bbp_topic_submit" class="button submit">Submit</button>
    </div>

    And here’s the code for the buttons that seem to be outlined:

    <div class="submit">
    <input type="submit" name="submit" value="Save Changes" id="submit" class="auto"/>
    </div>

    Not sure where to go to change this, and I’m still having issues with #1 as well.

    @mercime

    Participant

    @alleycakes add to your theme’s stylesheet:
    #buddypress a.button {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #f43b32), color-stop(1, #d2231a) ) !important;
    background: -moz-linear-gradient( center top, #f43b32 20%, #d2231a 100% ) !important;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
    -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29);
    }

    @alleycakes

    Participant

    @mercime

    Yay! That worked for issue #1. Those buttons look great now. Thank you! 🙂

    Issue #2 is still present though. Any idea what I need to do to correct that one?

    @mercime

    Participant

    @alleycakes add the following to your stylesheet

    #buddypress input[type=”submit”],
    #buddypress input[type=”submit”]:hover {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    }

    #buddypress .standard-form div.submit {
    padding: 0 !important;
    }

    #buddypress .standard-form div.submit input {
    margin-right: 0 !important;
    }

    @alleycakes

    Participant

    @mercime
    THANK YOU SO MUCH!!! This one isn’t perfect, but it definitely gets me going in the right direction. REALLY appreciate all your help! 🙂

    @mercime

    Participant

    @alleycakes great. marking this as resolved.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] Button Issues’ is closed to new replies.
Skip to toolbar