Topic: BuddyPress admin bar, different styles on site and wpadmin? · BuddyPress.org

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

BuddyPress admin bar, different styles on site and wpadmin?

jezpas
Participant

@jezpas

3 years, 10 months ago

Hi!

I’ve styled my BuddyPress admin bar to fit my theme better and it looks great!

Only problem is that it doesn’t look great at all when I’m in the wp-admin area.

Is there a way to make it look different on the site and in the admin area?

Thanks!

Jesper

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

r-a-y
Moderator

@r-a-y

3 years, 10 months ago

You’d have to define a separate stylesheet for the admin BuddyBar, and hook it into the admin_head.

You can start work on that separate stylesheet, after you’ve done that I can help you hook it in the admin area.
r-a-y
Moderator

@r-a-y

3 years, 10 months ago
Okay, I found an easier way for this.

Instead of creating a new stylesheet, you can use your existing admin bar CSS, but define some new rules for just the WPMU admin area.

Use this as your CSS selector:

body.wp-admin #wp-admin-bar {ENTER YOUR STYLES HERE}

Remember to define the body.wp-admin selector for each BuddyBar element you want to style.

eg.
```
body.wp-admin #wp-admin-bar {

background:yellow !important;}



body.wp-admin #wp-admin-bar li * {

font:12px normal georgia,times,serif !important;

}
```
This will change the BuddyBar background colour to yellow and the font to a serif for the WPMU admin area.

Hope that helps!
Jason Giedymin
Participant

@jason_jm

3 years, 10 months ago

Nice! Listen to r-a-y.

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

You must be logged in to reply to this topic.