I am using WordPress 3.0.4 and have installed and followed the instructions for the plug-in “BuddyPress Template Pack”. I’m fairly sure I understand how to work with the placement of the <div> tags to incorporate the BuddyPress pages properly into my layout. However, no matter what I’ve tried, I can’t get the content to align properly.

If someone would please have a look at the code I post here and tell me if you it looks right I would appreciate it. I think the problem may be that my theme uses a <div> id of “content” and so does BuddyPress.

This first set of code is the BuddyPress Activity/index.php file
`<?php get_header() ?>

<?php if ( !is_user_logged_in() ) : ?>

<?php _e( ‘Site Activity’, ‘buddypress’ ) ?>

<?php endif; ?>

<?php do_action( ‘bp_before_directory_activity_content’ ) ?>

<?php if ( is_user_logged_in() ) : ?>
<?php locate_template( array( ‘activity/post-form.php’), true ) ?>
<?php endif; ?>

<?php do_action( ‘template_notices’ ) ?>

<?php do_action( ‘bp_before_activity_type_tab_all’ ) ?>
• ” title=”<?php _e( ‘The public activity for everyone on this site.’, ‘buddypress’ ) ?>”><?php printf( __( ‘All Members (%s)’, ‘buddypress’ ), bp_get_total_site_member_count() ) ?>

<?php if ( is_user_logged_in() ) : ?>

<?php do_action( ‘bp_before_activity_type_tab_friends’ ) ?>

<?php if ( function_exists( ‘bp_get_total_friend_count’ ) ) : ?>
<?php if ( bp_get_total_friend_count( bp_loggedin_user_id() ) ) : ?>

• ” title=”<?php _e( ‘The activity of my friends only.’, ‘buddypress’ ) ?>”><?php printf( __( ‘My Friends (%s)’, ‘buddypress’ ), bp_get_total_friend_count( bp_loggedin_user_id() ) ) ?>

<?php endif; ?>
<?php endif; ?>

<?php do_action( ‘bp_before_activity_type_tab_groups’ ) ?>

<?php if ( function_exists( ‘bp_get_total_group_count_for_user’ ) ) : ?>
<?php if ( bp_get_total_group_count_for_user( bp_loggedin_user_id() ) ) : ?>

• ” title=”<?php _e( ‘The activity of groups I am a member of.’, ‘buddypress’ ) ?>”><?php printf( __( ‘My Groups (%s)’, ‘buddypress’ ), bp_get_total_group_count_for_user( bp_loggedin_user_id() ) ) ?>

<?php endif; ?>
<?php endif; ?>

<?php do_action( ‘bp_before_activity_type_tab_favorites’ ) ?>

<?php if ( bp_get_total_favorite_count_for_user( bp_loggedin_user_id() ) ) : ?>

• ” title=””><?php printf( __( ‘My Favorites (%s)’, ‘buddypress’ ), bp_get_total_favorite_count_for_user( bp_loggedin_user_id() ) ) ?>

<?php endif; ?>

<?php do_action( ‘bp_before_activity_type_tab_mentions’ ) ?>

• ” title=”<?php _e( ‘Activity that I have been mentioned in.’, ‘buddypress’ ) ?>”><?php printf( __( ‘@%s Mentions’, ‘buddypress’ ), bp_get_loggedin_user_username() ) ?><?php if ( bp_get_total_mention_count_for_user( bp_loggedin_user_id() ) ) : ?> <?php endif; ?>

<?php endif; ?>

<?php do_action( ‘bp_activity_type_tabs’ ) ?>

• <a href="” title=”RSS Feed”>

`

This second set is my theme’s page.php file
`

<?php edit_post_link('Edit this Page','

‘,’

‘); ?>

`

finally, this third set is the Activity/index.php file with both combined as I think proper. I’ve tried multiple slight variations of this to no avail.
`

• <a href="” title=””>
• <a href="” title=””>
• <a href="” title=””>
• <a href="” title=””><?php printf( __( 'My Favorites (%s)’, ‘buddypress’ ), bp_get_total_favorite_count_for_user( bp_loggedin_user_id() ) ) ?>
• <a href="” title=””>

• <a href="” title=”RSS Feed”>

`

[@mercime Participant 14 years ago]

The thing is, the alignment is in all probability controlled by the styling set forth in your active theme’s style.css file. And, instead of posting the content of your style.css here, it would be easier for all concerned if you just post the URL of the affected webpage.

[@pcwriter Participant 14 years ago]

Take a close look at the nested divs: you’ve got a #content with a #container inside, then another #content inside that. That’s likely gonna throw stuff off.

Also, check if the closing `` at the top of your file is an oversight, or if it’s required in your theme.

[@cybersnac Member 14 years ago]

mercime: the affected URL is http://cybersnac.net/members/cybersnac/activity/

pcwriter: those nested divs are what I was speaking of when I said I have two with an id of “content”. the closing div is indeed required by the included header.php. I’ve tried removing the id content from either the first or the second nested div and also from both with no change in formatting from CSS.

[@mercime Participant 14 years ago]

@cybersnac try this layout
http://buddypress.pastebin.com/H7Q2bMZw

[@cybersnac Member 14 years ago]

@mercime this doesn’t seem to have made a difference. What were your thoughts around this, if I may ask?

Same URL of course: http://cybersnac.net/members/cybersnac/activity/

[@cybersnac Member 14 years ago]

@mercime I just ran a compare in Notepad++ and I see what you did. I had tried that already as well

[@mercime Participant 14 years ago]

@cybersnac, that’s the way it should be done. See https://codex.buddypress.org/theme-development/bp-template-pack-walkthrough-level-easy-2/

Also, BP Template Pack has not been updated since Feb. 2010. See following thread for @hotforwords‘ BP Template Pack update https://buddypress.org/community/groups/how-to-and-troubleshooting/forum/topic/buddypress-template-pack-and-buddypress-1-2-6-things-break-but-i-have-a-solution

@boonebgorges the text box area is only 25% on this page why?

[@pcwriter Participant 14 years ago]

Looks like all that code up yonder has somehow done something wacky to this page!

[@gunju2221 Participant 14 years ago]

This is because the code listed above has altered the page layout.

[@djpaul Keymaster 14 years ago]

Dudes!

[@djpaul Keymaster 14 years ago]

I had to guess the URL as the edit link was obscured, but all’s fixed now it annoys me so much that that is possible

[@gunju2221 Participant 14 years ago]

Maybe a future feature would be “Syntax Highlighting” in the forums, because I get this too all the time in my forums.

[@mercime Participant 14 years ago]

Thank you @DJPaul. Haven’t experienced this behavior myself like @gunju2221 has. What’s the fix?
Cheers.

[@gunju2221 Participant 14 years ago]

@mercime, I haven’t pinpointed the exact piece of code that triggers it to do this. This is not just an issue with the buddypress forums as other forum software have this issue also, thats why most of them have syntax highlighting for code whenever the code tags are inserted, as syntax highlighting safely puts code inside of the highlight, as of without it, the webpage will attempt to apply that piece of code inserted into the layout of the page. Same with CSS. Occasionally, there is something that clashes with both, so you get the screwed up layout. Example of adding CSS directly to page via code no syntax

Example CSS class through html implemented in forum post…

Why does it do this? I have no clue!

[@djpaul Keymaster 14 years ago]

@mercime Basically the build of BuddyPress software on this website is pretty old. It has a bug where it doesn’t check for missing closing tags. As I have admin permission on the site, I went in and edited the post and corrected the markup. Don’t worry, this bug was fixed in the release versions of BuddyPress a few versions ago

@johnjamesjacoby has indicated that he going to update the WordPress and BuddyPress versions on the site this weekend. That will make things much better, though will inevitably involve some downtime whilst the upgrade is performed.

[@mercime Participant 14 years ago]

@djpaul understood. thank you.

@gunju2221 “Example of adding CSS directly to page via code no syntax” – looks good