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

11 months, 1 week 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)

karmatosed
Moderator

@karmatosed

11 months, 1 week 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
Keymaster

@mercime

11 months, 1 week 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

11 months, 1 week 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
Keymaster

@mercime

11 months, 1 week ago

You’re welcome Marking this as resolved.

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

You must be logged in to reply to this topic.