Skip to:
Content
Pages
Categories
Search
Top
Bottom

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


  • luke_smash
    Participant

    @luke_smash

    9 years, 9 months ago

    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:

    View post on imgur.com


    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:

    View post on imgur.com

    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)

  • peter-hamilton
    Participant

    @peter-hamilton

    9 years, 9 months ago

    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


    peter-hamilton
    Participant

    @peter-hamilton

    9 years, 9 months ago

    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”


    luke_smash
    Participant

    @luke_smash

    9 years, 9 months ago

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


    luke_smash
    Participant

    @luke_smash

    9 years, 9 months ago

    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.

Topic Info

Skip to toolbar