Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] How to modify the width of adminbar?

  • Avatar of bg
    bg
    Member

    @sobuddy

    Hi, I’ve the latest buddypress installed, which is 1.5.6. I would like to change the width of the adminbar, so it’s the same size like the content and the header. I have also created a child theme to modify the container of the body, but I can’t seem to find out how to modify the size of the adminbar in my child theme? Anybody knows how, please? Beforehand Thanks!

    This is the website that I wanted to modify the adminbar, http://buddygalaxy.com/.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Avatar of Tammie
    Tammie
    Moderator

    @karmatosed

    You want to adjust the CSS here:

    `body#bp-default #wp-admin-bar .padder {
    min-width: 960px;
    max-width: 1250px;
    }`

    You may also want to do:

    `#wp-admin-bar {
    width: 100%;
    }`

    Depending on your theme.

    Try putting that in your child theme with the changes you want.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Add the following to your theme’s stylesheet:

    `#wp-admin-bar {
    left: auto !important;
    max-width: 960px !important;
    width: 960px !important;
    }`

    If you know CSS, then you can use Chrome Developer or add Firebug to Firefox to identify which selector to style/restyle.

    Avatar of bg
    bg
    Member

    @sobuddy

    Thank you for the prompt responses to both of you! I tried yours methods, karmatosed, but it didn’t work. Then I tried yours, @mercime, which worked. So, thank you very much again to both of you.

    Cheers!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    You’re welcome :-) Marking this as resolved.

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

You must be logged in to reply to this topic.