Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Changing buddypress style ?

  • Profile photo 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)
  • Profile photo of @mercime
    @mercime
    Moderator

    @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.

    Profile photo 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 :)

    Profile photo of @mercime
    @mercime
    Moderator

    @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.

    Profile photo 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 ?

    Profile photo of @mercime
    @mercime
    Moderator

    @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?

    Profile photo 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 .
    https://buddypress.org/community/groups/how-to-and-troubleshooting/forum/topic/please-help-me-correct-my-theme/

    Profile photo of @mercime
    @mercime
    Moderator

    @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 .”

    Profile photo 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 ! :)

    Profile photo of @mercime
    @mercime
    Moderator

    @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.

    Profile photo of mahdiar
    mahdiar
    Participant

    @mahdiar

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

    Profile photo of @mercime
    @mercime
    Moderator

    @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

    Profile photo of mahdiar
    mahdiar
    Participant

    @mahdiar

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

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    :-)

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘[Resolved] Changing buddypress style ?’ is closed to new replies.
Skip to toolbar