Topic: changing admin bar · BuddyPress.org

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

changing admin bar

DennisDriscoll
Participant

@dennisdriscoll

4 years 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)

David Lewis
Participant

@takeo

4 years ago

try adding left: 0;

DennisDriscoll
Participant

@dennisdriscoll

4 years ago

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

David Lewis
Participant

@takeo

4 years 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.

Digital Soup
Participant

@peterjeshua

3 years, 6 months 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

@vlp

3 years, 2 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

@jollence

2 years, 3 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

@kat_indo

3 months, 3 weeks ago

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