Noticing some very strange behavior on colors for menu items. Changing these classes, does half the work. [image] [image] Changing color on this CSS class, only changes the first 5 links. [image] Changing color for notification text, also changes some colors on user profile links. [image] [image] Screenshots are all from meta.

[image] MarcP: Changing these classes, does half the work. [image] [image] Hello, I think it’s because the Do not disturb and Log Out are buttons, not links. That is why only the buttons color change because it won’t override the links color. I think If you want to change all menu item color you have to target both links and buttons. [image] MarcP: Changing color for notification text, also changes some colors on user profile links. [image] [image] I think here you target the wrong class there is a more specific one for tabs. For example here you can target the tab id. #quick-access-notifications. Something like this… #quick-access-notifications { &.quick-access-panel li a { color: red; } }

[image] Don: I think it’s because the Do not disturb and Log Out are buttons, not links. This makes sense to me indeed. [image] Don: Something like this… You are awesome again. This is the working code: #quick-access-notifications, .quick-access-panel li a { color: red; } How do I find classes like this? I don’t see them that quick when inspecting elements.

[image] MarcP: How do I find classes like this? I don’t see them that quick when inspecting elements. You mean #quick-access-notifications? Every tab has a specific id. #quick-access-notifications #quick-access-bookmarks #quick-access-messages #quick-access-profile Here you can find these ids in inspect element. #quick-access-notifications [Screenshot 2022-07-14 at 12.00.19] #quick-access-bookmarks [Screenshot 2022-07-14 at 12.20.42] …

How to adjust color on hamburger profile links?

Development

MarcP (MarcP) July 14, 2022, 10:27am 5

Cool, I didn’t know this! Learning every day.

Topic		Replies	Views
Help with locating the correct CSS location to change color of specific text Development	5	330	December 31, 2025
Setting embed theme via css? Product Support	4	191	January 10, 2025
Change colour on hover for Custom Header Link UX custom-header-links	1	255	April 1, 2020
Notification color: light blue Product Support	1	672	May 11, 2021
Quick Profile Links Menu Theme component	37	1672	August 15, 2026

How to adjust color on hamburger profile links?

Related topics