changing admin bar
-
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?
-
try adding left: 0;
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.
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. (?)
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
@Digital Soup Worked for me too! Thanks!
- The topic ‘changing admin bar’ is closed to new replies.