Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Changing buddypress style ?

  • @mahdiar

    Participant

    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)
  • @mercime

    Participant

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

    @mahdiar

    Participant

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

    @mercime

    Participant

    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.

    @mahdiar

    Participant

    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 ?

    @mercime

    Participant

    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?

    @mahdiar

    Participant

    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/

    @mercime

    Participant

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

    @mahdiar

    Participant

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

    @mercime

    Participant

    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.

    @mahdiar

    Participant

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

    @mercime

    Participant

    @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

    @mahdiar

    Participant

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

    @mercime

    Participant

    :-)

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