Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Changing buddypress style ?

  • Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    Hi
    Hi I use my own theme for buddypress .using buddypress theme plugin . How can I change the style ? Where is the css file ?

Viewing 13 replies - 1 through 13 (of 13 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    >> I use my own theme for buddypress .using buddypress theme plugin

    @mahdiar you mean you use a WP theme and installed the BP template pack plugin or something else? As for changing the style, it’s done in your active theme’s style.css file unless otherwise instructed.

    Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    Yes I mean I use a WP theme and installed the BP template pack plugin . So How can I find styles ?
    I mean for example I’d like to change avatar style which style code should I add or change ?
    Thanks a lot mercime you help me a lot :)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    If you’re using Firefox, get the Firebug add-on and right-click on the elements you want to change. Place the revisions in your theme’s style.css file, or better yet, the style.css file of the theme’s child theme so those revisions won’t be overwritten when the theme is updated.

    Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    Thanks but there is a problem . for example when I check avatar code it is “class=”avatar user-1-avatar” ” and for every user there is one unique class !!! How can I add style for this ?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Use `img.avatar` to target all avatars and `img.user-1-avatar` to target admin’s avatar. What exactly are you trying to do and where?

    Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    Thanks . I think it’s somehow difficult using Firbug . I find avatar styles and it works nice . But I think it’s a good idea to list all of styles and descriptions somewhere for newbies like me !
    Now I have my old problem yet ! The comment button problem .

    http://buddypress.org/community/groups/how-to-and-troubleshooting/forum/topic/please-help-me-correct-my-theme/

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @mahdiar we’ll address the comment button issue in that thread but I had assumed you fixed it per your post “I found the answer . I copy new files in bp-default theme to my own theme .”

    Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    NO ! It was for the second problem ! Maybe I should post it in another topic ! But My comment button problem is alive ! :)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    I answered in the other thread. Of course you could always start a new topic. Do provide a URI to the page with the troublesome button.

    Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    http://www.risoman.com/sn
    username:test
    pass:test111

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @mahdiar the culprit was the `display: block;` added in .`button span`

    `.button span {
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #FFFFFF;
    display: block; // REMOVE THIS LINE
    }`

    Remove `display: block` and you’re good.

    You might also want to change
    `div.activity-meta {
    margin: 18px 0;
    }`
    to
    `div.activity-meta {
    margin: 0 0 18px;
    }`
    so that the `activity-meta` div is aligned with `activity-header`/avatar

    Avatar of mahdiar
    mahdiar
    Participant

    @mahdiar

    I don’t know how to thank you !
    Have A REAL nice time ! :)

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    :-)

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

You must be logged in to reply to this topic.