Skip to:
Content
Pages
Categories
Search
Top
Bottom

Custom Buddybar Width

  • Profile photo of teorourke
    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)
  • Try this in your child themes style.css:

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

    Profile photo of teorourke
    teorourke
    Participant

    @teorourke

    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.

    Profile photo of teorourke
    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;
    }

    Profile photo of aces
    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;
    }
    `

    Profile photo of ript247
    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!!!

    Profile photo of ript247
    ript247
    Participant

    @ript247

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

    Profile photo of aces
    aces
    Participant

    @aces

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

    Profile photo of ript247
    ript247
    Participant

    @ript247

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

    Profile photo of ript247
    ript247
    Participant

    @ript247

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

    Profile photo of teorourke
    teorourke
    Participant

    @teorourke

    That worked perfectly, thanks so much @aces!

    Profile photo of teorourke
    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.

    Profile photo of ript247
    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:(

    Profile photo of @mercime
    @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