Avatar james.trivlis asked

Links and formatting issues with Budypress pages

We have now solved the issue of getting Buddypress to work on the PURE theme. But now im having some slight issues with the layout or each page.

Each page has the profile cut off to the right and the links to the right are not in the sidebar.

Here is an example http://eventspeak.com/groups/

I manually deleted the links to the right of the profile on the members profile page but the same issue happens with being cut off. http://eventspeak.com/members/Lisa/activity/just-me/

Any help with the alignment would be helpful.

  • WordPress
  • Pure

4 Answers

1

Avatar david.carroll answered

Ah... the CSS I added to the previous Question should do the trick.

Essentially, the sidebar links are included in the default BuddyPress Theme which comes stock with the BuddyPress Plugin.

New Readers: Please Review Notes Below Before Continuing:

Please make sure you've got the most recent version of YOOtheme installed, and both the BuddyPress and BuddyPress Template Pack Plugins installed and activated. Make sure you complete the BuddyPress Compatibility Setup Guide which can be viewed from the WordPress Admin screens.

There are two options to remove the sidebar links.

Option 1: Remove the SideBar scripts from the default BuddyPress Theme.

This option is preferred for performance reasons to prevent the links from loading on each BuddyPress page request. The only problem is you will need to update a single line in about 18 files copied into your theme from the BuddyPress plugin.

You can do this by searching the files copied to your theme for the following script:

<?php get_sidebar( 'buddypress' ); ?>  

You can either delete this line or just add two forward slashes before get_sidebar as seen below:

<?php //get_sidebar( 'buddypress' ); ?>  

If you complete this step, you will still need to complete Option 2 to correct the styling.

Option 2: Modify the custom.css file to hide the SideBar Links.

Although this option is quick and easy on its own, it simply hides the links that were excessively loaded on the server and sent to the browser. However, it's much easier to apply this update by modifying the following CSS file:

/wp-content/[YOOtheme-Name]/css/custom.css  

with the following scripts:

section#content div#content,  
div#content #component div#content  
{   
    left:auto;  
    width:100%;   
    float:none;   
}  
section#content div#sidebar,  
div#content #component div#sidebar{  
    display: none;  
}  

Best Regards,

David Carroll

Edited

0

Avatar james.trivlis answered

Yep that worked... You rock and i dont... LOL...

0

Avatar david.carroll answered

Cool!!! I just updated the script and notes to help those using a theme built on Warp 6.x. Thanks for accepting the answer to clarify for others.

0

Avatar francesco.martino answered

Hello David,
just one question.. I did the BuddyPress installation here http://blogs.eui.eu/francescomartino/ on a BigEasy updated theme.
But I don't see any sidebar... should I still have to do the activities you mentioned?
Do you suggest me to do something else?

Many Thanks,
Francesco

Know someone who can answer? Share a link to this question via email or twitter.