Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Buttons are goofy, seeking guidance in fixing them.

  • Profile photo of luke_smash
    luke_smash
    Participant

    @luke_smash

    Hi, all. I’ve just added BuddyPress 2.0.1 to my WP 3.9.1 site. The buttons are really strange, and I’m not sure where to start. I’ve searched these support forums, and even other sites for help and I’m a bit lost.

    Example: http://gameclassy.com/registration/
    This registration page, the text of the “Complete Signup” button is not readable. I’m not sure what’s causing this.

    I will include a link to a screen cap I took with another strange button issue below:

    As you can see, below the text field the buttons are in a frame which cannot display them properly without adding a scrollbar.

    Another example of unreadable buttons:

    Forgive me if I’m making novice requests or mistakes, I’m trying to learn the BuddyPress system by doing. All I need to do is correct the text on the buttons, however’s easiest, and hopefully resolve the scroll bar issue on the profile page. (link above)

    Thank you for your time.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Profile photo of peter-hamilton
    peter-hamilton
    Participant

    @peter-hamilton

    Hi

    the buttons can be changed with some css, on line 717 of your buddypress.css you can change this, or add the following to your style.css file to change the buttons.

    #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button {
    background: #7088E9;
    border: 1px solid #6D6D6D;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    }

    I also had the issue with padding of the activity textbox, this can be changed by adding this to style.css as far as I remember it right.

    #buddypress #whats-new-options {
    height: 45px !important;
    }

    good luck
    Peter hamilton

    Profile photo of peter-hamilton
    peter-hamilton
    Participant

    @peter-hamilton

    btw, it is mainly because your font is hard to read online, I would find a more readable font.

    Open Sans is what you use now, I prefer something like “Verdana”

    Profile photo of luke_smash
    luke_smash
    Participant

    @luke_smash

    Thanks! I’m going to look into this right now!

    Profile photo of luke_smash
    luke_smash
    Participant

    @luke_smash

    I used the CSS provided and it worked!!! Thank you so much! :) MUCH better!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Buttons are goofy, seeking guidance in fixing them.’ is closed to new replies.
Skip to toolbar