Skip to:
Content
Pages
Categories
Search
Top
Bottom

BuddyPress admin bar, different styles on site and wpadmin?

  • Avatar of jezpas
    jezpas
    Participant

    @jezpas

    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)
  • Avatar of r-a-y
    r-a-y
    Moderator

    @r-a-y

    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.

    Avatar of r-a-y
    r-a-y
    Moderator

    @r-a-y

    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!

    Avatar of Jason Giedymin
    Jason Giedymin
    Participant

    @jason_jm

    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.