Topic: [Resolved] How to edit the CSS of the @-message auto-complete drop-down? · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

[Resolved] How to edit the CSS of the @-message auto-complete drop-down?

notpoppy
Participant

@notpoppy

8 years, 8 months ago

I really like the auto-complete menu which appears when a user begins typing another user’s name using the @-message system.

I’d like to change the colour of the text from orange to something which matches my site better, however I can’t get at the text in Firebug or anything similar to inspect the class. Can someone tell me what the relevant class is or how I can inspect it?

Viewing 4 replies - 1 through 4 (of 4 total)

notpoppy
Participant

@notpoppy

8 years, 8 months ago

I’m still trying to work out how to do this if anyone can help?
danbp
Moderator

@danbp

8 years, 8 months ago
Mention stuff is in buddypress/bp-activity/css and buddypress/bp-activity/js

To modify the text color of the name list, add this into your child-theme style.css.
Use !important for the new rule.
```
.atwho-view {	
color: #e30472!important;
}
```
notpoppy
Participant

@notpoppy

8 years, 8 months ago
@danbp Thanks very much – I see you also need to edit the strong part as well to get the text all the same colour. Here’s what I used in case anyone finds it useful:
```
.atwho-view, .username strong {
	color: #1280c6 !important;
}
```
danbp
Moderator

@danbp

8 years, 8 months ago

you’re welcome !

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘[Resolved] How to edit the CSS of the @-message auto-complete drop-down?’ is closed to new replies.