[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?

[David Lewis]

try adding left: 0;

[DennisDriscoll]

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

[David Lewis]

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.

[Peter Jeshua]

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. (?)

[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}

[Jollence]

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

[catastr0phe]

@Digital Soup Worked for me too! Thanks!