Topic: CSS for @username button · BuddyPress.org

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

CSS for @username button

roadtrip9
Member

@roadtrip9

13 years, 2 months ago

Hi all, I’m looking for the CSS for what I can only think to refer to as the “ @username” button – ie the blue (by default) logo to the right of a users avatar on the profile page, and similarly the button, also blue that shows a user’s name in activity feeds.
I simply want to tinker with the colours of these to fit in with my theme.

I’m also struggling with the location of the CSS for the what is by default yellow and orange buttons, ie the message that says “active 2 minutes ago”, and the “reply” button near the bottom right of the screen.
I thought I’d find it by searching default.css for colour fff8e2 which seems to be that pale yellow, but no joy.

Any help very much appreciated.

Derek

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

pcwriter
Participant

@pcwriter

13 years, 2 months ago

@roadtrip9

Install the Firebug for Firefox addon. You’ll be able to zero in on any css rules on any site. It just makes life easier
http://getfirebug.com/

roadtrip9
Member

@roadtrip9

13 years, 2 months ago

@pcwriter
Thanks, that’s a huge help, I’ve managed to track them all down now.
It’s just a shame there’s no easy way to save a local copy of the CSS edits you’ve made on the fly.

If it helps anybody else, the sections I was after came under span.highlight and span.activity respectively. Both in default.CSS of course.

Thanks again.

Virtuali
Participant

@gunju2221

13 years, 2 months ago

Well it depends on what css you are using. The buttons on the profiles are css from the default bp, or other css files you are using.

You can easily edit the styles of these by adding or editing:

`a.button, input[type=submit], input[type=button], input[type=reset],
ul.button-nav li a, div.generic-button a {`

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

The topic ‘CSS for @username button’ is closed to new replies.