Topic: changing admin bar · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

changing admin bar

@dennisdriscoll

Participant

15 years, 7 months ago

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)

@takeo

Participant

15 years, 7 months ago

try adding left: 0;

@dennisdriscoll

Participant

15 years, 7 months ago

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

@takeo

Participant

15 years, 7 months ago

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.

@peterjeshua

Participant

15 years, 1 month ago

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

Participant

14 years, 9 months ago

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

Member

13 years, 11 months ago

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

@kat_indo

Participant

11 years, 11 months ago

@Digital Soup Worked for me too! Thanks!

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

The topic ‘changing admin bar’ is closed to new replies.