Skip to:
Content
Pages
Categories
Search
Top
Bottom

changing admin bar

  • Avatar of Dennisdriscoll
    DennisDriscoll
    Participant

    @dennisdriscoll

    So I am attempting to change the size of the admin bar to 960px. Ok did that, now I want to center it…this is where the problem begins. I have gotten this to work on only one theme, but I need it to work on many. below is the css code I used, but it doesnt seem to work on other themes.

    #wp-admin-bar {

    position: absolute !important;

    top: 0 !important;

    width: 960px !important;

    margin: 0 auto;

    z-index: 1001 !important;

    height: 28px !important;

    color: #fff !important;

    text-align: left !important;

    background: url(http://www.###########.com/wp-content/plugins/buddypress/bp-core/images/admin_bar_back.gif) #818181 repeat-x !important;

    font: 12px normal “Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, Tahoma, Verdana, Arial, sans-serif !important;

    font-weight: normal !important;

    }

    not sure what to do here, anyone else try this?

Viewing 7 replies - 1 through 7 (of 7 total)
  • try adding left: 0;

    Avatar of Dennisdriscoll
    DennisDriscoll
    Participant

    @dennisdriscoll

    the initial style was set with this value, and kept the bar to the left, we are trying to center it.

    Since you’re using a fixed width (960)… I assume you added either a wrapper around the whole interface or set the body to have a width of 960. Simple put ‘position: relative;’ on that parent element (i.e. the body or your new wrapper) and put ‘left: 0;’ back on the wp-admin-bar.

    Avatar of Creative Vibrations
    Digital Soup
    Participant

    @peterjeshua

    same issue here: http://students.expression.edu

    I think I got it by adding left:0; and right:0; to the abosolute positioning and with a fixed width. (?)

    Avatar of vlp
    vlp
    Participant

    @vlp

    another solution is to center the div with class padder and set a width to 960px. The centering is already set (margin:0 auto), so you just need to add

    .padder {width:960px !important}

    try to change in #body in style.css

    from
    max-width:100%;
    min-width:100%;
    to
    max-width:960px;
    min-width:960px;

    at least that works for my bp page

    Avatar of kat_indo
    kat_indo
    Participant

    @kat_indo

    @Digital Soup Worked for me too! Thanks!

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

You must be logged in to reply to this topic.