Color of current opening URL in $profile-menu of logged in user

Hi,

The custom CSS to override the color for the link and icon when it is the current active item is as below

.bp-overlay-menu #buddypress div#item-nav ul li.current a {
    color: #2ecc71;
}
.bp-overlay-menu #buddypress div#item-nav ul li.current a:before {
    color: #2ecc71;
}

Change #2ecc71 to suit your needs and make sure to clear all of your caches to see the changes.

Thanks,

Kieran

Hi,

My apologies, I see now your ticket relates to SweetDate and not KLEO – please disregard the CSS that I sent to you for KLEO.

To save on any further confusion please can you attach a screenshot highlighting the URL / page contents that you wish to alter within the SweetDate theme.

Thanks,

Kieran

Hi,

Yes I can see that and have apologized for the confusion, the forum works differently for users and moderators and in my haste I missed the theme in question.

The drop down under the profile button is not a menu in the traditional WordPress sense. It is a list of li elements that are toggled on or off from view with JavaScript. In the back-end this is a series of conditionals that checks if BuddyPress is activate, and if Groups component is active – if so, show Groups menu item.

This means that there are no additional dynamic classes added to each item when you’re visiting the same page.

With that said you can use a little creative CSS to achieve this, please try adding the below CSS into your SweetDate Child theme’s style.css file by going to WP Admin > Appearance > Editor > SweetDate Child > Style.css

.my-account.groups #header .btn-profile a[href*="groups"] { background: #000; color: #fff; }
.my-account.friends #header .btn-profile a[href*="friends"] { background: #000; color: #fff; }
.my-account.messages #header .btn-profile a[href*="messages"] { background: #000; color: #fff; }
.my-account.activity #header .btn-profile a[href*="activity"] { background: #000; color: #fff; }
.my-account.settings #header .btn-profile a[href*="settings"] { background: #000; color: #fff; }

Adjust the #000 and #fff values to suit your needs. Once saved clear your website cache, CDN and local cache (Ctrl+F5) to see the changes.

Thanks,

Kieran

Hi

By default there is no menu items in the profile menu that match that description. If you customized the theme to include more menu items you will need to share access so I can see the CSS classes you have given each item and the URL.

Currently your CSS is targeting the groups menu item and is attempting to use PHP within CSS. This will not work.

I have bolded the errors below

.my-account.groups #header .btn-profile a[href=”‘. bp_loggedin_user_domain().’media/”],
.my-account.groups #header .btn-profile a[href*=”media”]

Thanks,

Kieran

Hi,

I will assign this ticket to a higher support level to assist you in your query as I cannot see why this would affect the logout button. You will need to share your URL to receive further, in depth, assistance with this issue.

Someone will be in touch with you as soon as they can, Monday to Friday, East European Time.

Thanks,

Kieran

Hi,

Can you resume please what are you trying to do ?

I understand you want to change color of a menu item when you are on a certain url ?

Using a similar css like this : .my-account.messages #header .btn-profile a[href=”https://domain.com/messages/”] will not color that when you are on that url will target only the a elements that has in href that url and hiveng this class btn-profile wrapped into this structure .my-account.messages #header.

Cheers
R

Hi,

use this one

.button.dropdown>ul li a[href*="messages"] {
    background: #000; color: #fff !important; }
}