Skip to:
Content
Pages
Categories
Search
Top
Bottom

Custom Buddybar Width

  • @teorourke

    Participant

    Hi, currently the buddybar (not wp bar) takes up the entire width of the browser window. How would I go about customizing the size of it to match the width of the site (about 1000px)?

    I’ve combed through the css in google chrome using the dev options but couldn’t find anything. I came close though! Any suggestions?

Viewing 14 replies - 1 through 14 (of 14 total)
  • Try this in your child themes style.css:

    div#wp-admin-bar {
    width: 1000px !important;
    }

    @teorourke

    Participant

    Ah perfect @shawn38! Except how do I get it centered now?

    add this:
    div#wp-admin-bar {
    left:100px !important;
    width: 1000px !important;
    }
    You may have to adjust the left: value; in pixels to nudge it where you need it.

    @teorourke

    Participant

    I tried that, all that does is indent it. Then when you resize the browser window it doesn’t budge but the rest of the page does. So then it’s no longer centered anymore.

    I also tried this and it didn’t do anything either. Any other ideas?

    div#wp-admin-bar {
    width: 1000px;
    margin-left:auto;
    margin-right:auto; !important;
    }

    @aces

    Participant

    I use the following in a child of bp default – all the other settings ( including for
    `#wp-admin-bar` ) I can see with firebug are default
    `
    #wp-admin-bar .padder {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #000000;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 25px;
    width: 1000px !important;
    }
    `

    @ript247

    Participant

    Hi sorry to break in on your topic but Aces seems to know his stuff. Can you help me too please, I cannot edit my create a group options. I can create a group but cannot delete either. Please Please help driving me nuttss!!!

    @ript247

    Participant

    ^^^By “edit” I mean I cannot enter title or subject fields

    @aces

    Participant

    @ript247 Please start a new topic for a different issue.

    @ript247

    Participant

    Uuuhm I just created this bp and apparently I dont have a feature to create a new topic either :(

    @ript247

    Participant

    Log out and back in and It says “page not available”…now what??

    @teorourke

    Participant

    That worked perfectly, thanks so much @aces!

    @teorourke

    Participant

    @ript247 he means start a new thread here in this forum for your issue instead of using this thread that I started.

    @ript247

    Participant

    @Deleted User yeah I got that^^^ but unfortunately when I try to start a topic is says page not found. Still trying to create a new topic:(

    @mercime

    Participant

    Do not create a new topic from dropdown link in adminbar.
    Go to https://buddypress.org/community/groups/how-to-and-troubleshooting/forum/
    Click on “New Topic” link above list of topics.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Custom Buddybar Width’ is closed to new replies.
Skip to toolbar