Skip to:
Content
Pages
Categories
Search
Top
Bottom

Custom Buddybar Width


  • teorourke
    Participant

    @teorourke

    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)

  • 9087877
    Inactive

    Try this in your child themes style.css:

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


    teorourke
    Participant

    @teorourke

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


    9087877
    Inactive

    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

    @teorourke

    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

    @aces

    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

    @ript247

    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

    @ript247

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


    aces
    Participant

    @aces

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


    ript247
    Participant

    @ript247

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


    ript247
    Participant

    @ript247

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


    teorourke
    Participant

    @teorourke

    That worked perfectly, thanks so much @aces!


    teorourke
    Participant

    @teorourke

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


    ript247
    Participant

    @ript247

    @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
    Keymaster

    @mercime

    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