Topic: [Resolved] How to modify the width of adminbar? · BuddyPress.org

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

[Resolved] How to modify the width of adminbar?

bg
Member

@sobuddy

12 years, 5 months ago

Hi, I’ve the latest buddypress installed, which is 1.5.6. I would like to change the width of the adminbar, so it’s the same size like the content and the header. I have also created a child theme to modify the container of the body, but I can’t seem to find out how to modify the size of the adminbar in my child theme? Anybody knows how, please? Beforehand Thanks!

This is the website that I wanted to modify the adminbar, http://buddygalaxy.com/.

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

Tammie Lister
Moderator

@karmatosed

12 years, 5 months ago
You want to adjust the CSS here:
```
body#bp-default #wp-admin-bar .padder {
min-width: 960px;
max-width: 1250px;
}
```
You may also want to do:
```
#wp-admin-bar {
width: 100%;
}
```
Depending on your theme.

Try putting that in your child theme with the changes you want.
@mercime
Participant

@mercime

12 years, 5 months ago
Add the following to your theme’s stylesheet:
```
#wp-admin-bar {
left: auto !important;
max-width: 960px !important;
width: 960px !important;
}
```
If you know CSS, then you can use Chrome Developer or add Firebug to Firefox to identify which selector to style/restyle.
bg
Member

@sobuddy

12 years, 5 months ago

Thank you for the prompt responses to both of you! I tried yours methods, karmatosed, but it didn’t work. Then I tried yours, @mercime, which worked. So, thank you very much again to both of you.

Cheers!

@mercime
Participant

@mercime

12 years, 5 months ago

You’re welcome Marking this as resolved.

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

The topic ‘[Resolved] How to modify the width of adminbar?’ is closed to new replies.