BuddyPress

Hello everyone,

I hate asking but I’m stuck in getting my wordpress theme “hello ” to be compatible with Buddypress.

http://wordpress.org/extend/themes/hello-d

Been working and messing with the code for several hours but I can’t get anything to work.

This is the code for my theme’s header, footer, sidebar, index, and page php files.

http://pastebin.com/jYfrrC3A (header.php)
http://pastebin.com/tZgnDqkb (footer.php)
http://pastebin.com/eh1QDKHV (sidebar.php)
http://pastebin.com/BYWYRAUe (index.php)
http://pastebin.com/vxjV0qDS (page.php)

I’m sure you guys get a lot of help requests when it comes to this.
Would greatly appreciate any help.

Thanks.

@illusionApp – what exactly isn’t working? is the sidebar not aligned correctly? or…?

We have some codex entries that might also help – http://codex.buddypress.org/theme-development/bp-template-pack-walkthrough-level-easy-2/

@ChrisClayton
Oh silly me.

The header and menu bar background seems to be vertically misaligned.The original header seemed to use a clearfix css hack to vertically align the header and navigation menu into place right under the original wordpress admin bar. Doesn’t seem to work with the BuddyPress admin bar though.

Also, the BuddyPress admin bar doesn’t span the entire width of the page.

Before:

http://img401.imageshack.us/img401/1456/illuapporiginal.png

After:

http://img88.imageshack.us/img88/9890/illuapp.png

you can go back the the wordpress toolbar by adding
define( ‘BP_USE_WP_ADMIN_BAR’, true ) to your bp-custom.php file – http://codex.buddypress.org/extending-buddypress/bp-custom-php/

The buddybar is being depreciated, so it’s no longer worth messing around with it to get it perfect (and the wordpress toolbar is alot cooler lookin’)

Haha. I guess I’ll get used to the Wordpress admin bar.

Anyways, that worked perfectly and almost everything is in alignment now.

I just noticed one last small problem.

http://img815.imageshack.us/img815/3135/groupii.png

The dropdown menus on the right side of the Buddypress pages seem to get cut off like in the picture and I don’t quite know what is causing that.

That happens every time i use the template pack css.

add this to your css…

div.item-list-tabs ul li.last {
margin-right: 40px;
}

I tried that out but it wouldn’t work.

Then I went in to the template css file and changed with width of div.item-list-tabs ul to 99% instead of 100% and it fixed the alignment problem.

I don’t quite understand why it works but it works.

Thanks for all the help, Chris.

Now time for me to go back in and fix all the divs for the Buddypress pages to match my theme.