Skip to:
Content
Pages
Categories
Search
Top
Bottom

BP Theme Compatibility – Step Three Help

  • Profile photo of ttdsinfo
    ttdsinfo
    Member

    @ttdsinfo

    Hi
    I’m pretty familiar with WP, but new to BP. I am trying to get BP installed and going and have come across a page that I am unsure about.

    Making Your Theme BuddyPress Compatible Step Three Fixing Alignment

    Is there a more detailed tutorial available than what is in the WP backend?
    My confusion is here:
    The instructions direct me to open my page.php file (which I have done), but I am not sure what I am supposed to be looking for within this file.
    (You will need to change the HTML structure in the BuddyPress templates that you copied into your theme to match the structure in your page.php or index.php file. The files that you need to edit are as follows (leave out any folders you have not copied over in step two)
    I’ve located the page and index files but like I said am not sure what to look for or copy, and then when it says try the easier step with the header, footer and sidebar I become even more confused on how editing these three files will change the layout. Any help or insight would be vastly appreciated.

    Thank you so much in advance.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    What WP theme are you attempting to make compatible with BuddyPress?

    Profile photo of ttdsinfo
    ttdsinfo
    Member

    @ttdsinfo

    Graphene

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    I posted some compatibility instructions for graphene on the following webpage to the next page https://buddypress.org/community/groups/installing-buddypress/forum/topic/where-are-my-sub-menus/

    Profile photo of ttdsinfo
    ttdsinfo
    Member

    @ttdsinfo

    thanks for your time and help. I appreciate it. :-)

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    Good luck :-)

    Profile photo of ttdsinfo
    ttdsinfo
    Member

    @ttdsinfo

    @mercime, so without making any changes to any files directly, I simply added your “BuddyPress Compatibility Style Mods” to my style.css and bam it fixed the alignment issues I was encountering but I would now like to start customizing buddy press. Without asking for too much, I would like to change the general backgrounds of the profile pages and really any page associated with buddy press to white. I was hoping you might no the name of the tag to call upon in order to do this. thanks again for the your assistance already, it’s been extremely helpful.

    Profile photo of ttdsinfo
    ttdsinfo
    Member

    @ttdsinfo

    does anyone else have anyone clue the specific codex for the different components through out buddy press that i can target in order to change the background to white?

    Profile photo of @mercime
    @mercime
    Moderator

    @mercime

    In your situation where you mentioned you didn’t change the BP template files at all, you can’t hook into div#content as your theme already has it – the one which renders grey background between your content and sidebar. You could hook into `div.padder` and add this to your stylsheet:
    `div.padder {
    background-color: #fff;
    padding: 20px;
    }`

    BuddyPress generates body classes for each component/specific BP pages. Check out body classes generated https://buddypress.trac.wordpress.org/browser/tags/1.5.3.1/bp-core/bp-core-template.php#L1482

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘BP Theme Compatibility – Step Three Help’ is closed to new replies.
Skip to toolbar