Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Changing buddypress style ?


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

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


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


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


    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 ?


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


    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/


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


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


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


    mahdiar
    Participant

    @mahdiar

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


    @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


    mahdiar
    Participant

    @mahdiar

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


    @mercime
    Keymaster

    @mercime

    :-)

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