- Posts: 647
- Thank you received: 31
Membership Pro - User Profile
- David Unwin
-
Topic Author
- Offline
- Platinum Member
-
Less
More
2 years 8 months ago #155353
by David Unwin
Membership Pro - User Profile was created by David Unwin
We are testing our new Joomla 4 site and we are using the Membership Pro User Profile menu Item.
This works really well as it combines the Joomla User profile with Membership Pro end Events Booking profiles on one page.
We have one minor thing.
The user profile appears to use tabs that also act as buttons. In our case these appear to pick up colours from our template which is fine. The only issue is we would like to change the text colour of the non-active tabs as it current has a dark background and dark text which does not work well (see screenshot) On doing an inspect, they seem to refer to an id of 'osm-profile'
I can't find any reference to CSS with that Id. in fact I can't find any css in in com-osmembership .
Can somebody point me in the right direction, so I can override this?
Kind regards
David
This works really well as it combines the Joomla User profile with Membership Pro end Events Booking profiles on one page.
We have one minor thing.
The user profile appears to use tabs that also act as buttons. In our case these appear to pick up colours from our template which is fine. The only issue is we would like to change the text colour of the non-active tabs as it current has a dark background and dark text which does not work well (see screenshot) On doing an inspect, they seem to refer to an id of 'osm-profile'
I can't find any reference to CSS with that Id. in fact I can't find any css in in com-osmembership .
Can somebody point me in the right direction, so I can override this?
Kind regards
David
- Tuan Pham Ngoc
- Offline
- Administrator
-
2 years 8 months ago #155354
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Membership Pro - User Profile
That uses Joomla tab API, so the css comes from Joomla core and your site template (so it looks consistent in all places on your site). Membership Pro does not have any css code to control the tab style here.
You should try to try to use browser inspector tool to find the element and add custom css to change it. From my quick look, you can try something like below:
- For normal tab
- For active tab:
You should try to try to use browser inspector tool to find the element and add custom css to change it. From my quick look, you can try something like below:
- For normal tab
Code:
joomla-tab button[role=tab] {
color: red !important;
}
- For active tab:
Code:
joomla-tab button[role=tab][aria-expanded=true] {
color: green !important;
}
The following user(s) said Thank You: David Unwin
Please Log in or Create an account to join the conversation.
- David Unwin
-
Topic Author
- Offline
- Platinum Member
-
Less
More
- Posts: 647
- Thank you received: 31
2 years 8 months ago - 2 years 8 months ago #155355
by David Unwin
Replied by David Unwin on topic Membership Pro - User Profile
Hi Tuan,
Thanks for super quick response. The CSS changes you suggested work fine.
Other Users: For the Hover Tab use
joomla-tab button[role=tab]:hover {
color: your color code !important;
}
Thanks again for great support.
Kind regards
David
Thanks for super quick response. The CSS changes you suggested work fine.
Other Users: For the Hover Tab use
joomla-tab button[role=tab]:hover {
color: your color code !important;
}
Thanks again for great support.
Kind regards
David
Last edit: 2 years 8 months ago by David Unwin.
Please Log in or Create an account to join the conversation.
Support
Documentation
Information
Copyright © 2025 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.