A quick code to achieve such will be much appreciated.
If it was I’d give it, but it would involve a rewrite of the function bbp_reply_author_link
It’s quite do-able, but I don’t have the time – sorry !
No worries, you took time to even respond is good enough for me.
Anyways, I played a little bit with css and was able to color the forum roles by adding this is my css file –
‘#bbpress-forums div.bbp-forum-author .bbp-author-role-admin,
#bbpress-forums div.bbp-topic-author .bbp-author-role-admin,
#bbpress-forums div.bbp-reply-author .bbp-author-role-admin {
color:red;
font-size:14px;
font-family:lucida sans unicode, lucida grande, sans-serif;line-height:1;
} ‘
and different colors for different roles by adding the role name at the end (instead of admin).
Now the issue I am running into is with this –
‘ #bbpress-forums div.bbp-topic-author a.bbp-author-name
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
clear: left;
display: block;
color:red;
} ‘
Using this code I am able to change the color of Usernames too, but unfortunately its applied globally and am not much familiar with bbpress to know exactly how to make it role wise. Is there anything that can be added to the above code that would make it apply depending on the role of that author.
And lastly, how to modify the css so that I can display the role as its displayed here on this website, ie., role covered in a box.
Would really appreciate if you could at the very least guide me in a proper direction.
Cheers.
Sorry, using css don’t know how to do that. As before it would I think involve a rewrite of the function bbp_reply_author_link
And lastly, how to modify the css so that I can display the role as its displayed here on this website, ie., role covered in a box.
just add
background-color : green ;
to your
#bbpress-forums div.bbp-forum-author .bbp-author-role-admin,
#bbpress-forums div.bbp-topic-author .bbp-author-role-admin,
#bbpress-forums div.bbp-reply-author .bbp-author-role-admin { etc
code above
Hey,
I meant adding a background similar to that we have here on bbpress.org forums (boxed up), the code u gave me just adds an ugly green background – http://imgur.com/ps2CL3l
an ugly green background
it was an example not a solution !
If you want to get into this side you should learn about developer tools
https://developer.chrome.com/devtools
https://msdn.microsoft.com/en-gb/library/ie/gg589507(v=vs.85).aspx
then you can quickly see what is being used.