- This topic has 10 replies, 3 voices, and was last updated 3 months ago by
.
-
Posts
-
Hello guys!
I would love to setup different colors for each member type on my page (similar to what is available on BuddyBoss).
How do I change this – CSS – within code? .. I really hope this is possible, since this would be a very nice detail.
Thanks! 🙂
Hi Katrine
This is standard design with our theme, I’m afraid.
As this is not breaking the website, changing this is considered customization work. Unfortunately, this is a service that we do not provide. Howeve,r here is the snippet you can use and edit to fit your needs :
/*FEATURE : Set Color To Badge*/ .member-type-coach .grimlock-buddypress-member-types .badge, .member-type-coach .grimlock-buddypress-member-types .badge:hover{ background-color:red !important; } .member-type-coach .grimlock-buddypress-member-types .badge:hover{ opacity:0.7; }You need to change the
member-type-coachCSS class depending on which role you want to set a background color. Hope this will help you.
If you want to go further with the customization of your website, we advise that you hire a developer to do it for you.If you’re on a tight budget, we recommend you to require the services from Fiverr. This web platform gives you access to developers who already have experience with theme customizations, and for very competitive prices.
Disclaimer : we have no affiliation with Fiverr and are only recommending it as a starting point and a popular option for those who might not be sure where to look when in need of some custom work.
Thank you for your understanding.
This worked, thank you so much! 🙂 yaay..
Hi there,
Thanks for getting in touch!
We provide support only during Belgian business hours (Monday to Friday, from 8:30 am – 5:30 pm CEST), and our current response time can be up to 1 business day. We’ve received your request and we’ll get you an answer ASAP.
We really thank you for your patience!
In the meantime, feel free to check out our documentation resources for more help: https://doc.themosaurus.com/
Kind regards,
I can’t seem to make hover work in this – if I want the background hover to be different. Do you have the CSS for this too? 🙂
Thanks!
Hi there,
Thanks for getting in touch!
We provide support only during Belgian business hours (Monday to Friday, from 8:30 am – 5:30 pm CEST), and our current response time can be up to 1 business day. We’ve received your request and we’ll get you an answer ASAP.
We really thank you for your patience!
In the meantime, feel free to check out our documentation resources for more help: https://doc.themosaurus.com/
Kind regards,
Hi,
The snippet is updated. 🙂
Note that you’ll have to change on three places the role in the snippet.
Best,
I feel like I’ve tried this lol with no outcome – now it works.. Thank you! 🙂
Glad it’s working, Katrine! 🙂
Best,
Hello again
I just noticed that the badges in the profile headers itself didn’t change color (like it did in the member directory). 🙂
What CSS would I need to use in order to use these too? – .badge-primary didn’t seem to work. 😀
Hi,
I updated the snippet to make it work everywhere ! 🙂
Best,
That was easy lol.. remove #site and add !important….. lol.. I should have tried that, but didn’t remove the #site – I didn’t think that would make a difference.. xD
You’re amazing, thank you once again! 🙂
You’re welcome Katrine 🙂
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘BuddyPress Member Types (colors)’ is closed to new replies.
