>> 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.
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
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.
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 ?
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?
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/
@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 .”
NO ! It was for the second problem ! Maybe I should post it in another topic ! But My comment button problem is alive !
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.
http://www.risoman.com/sn
username:test
pass:test111
@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
I don’t know how to thank you !
Have A REAL nice time !