Topic: BP Theme Compatibility – Step Three Help

BP Theme Compatibility – Step Three Help

ttdsinfo
Member

@ttdsinfo

12 years, 10 months ago

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)

@mercime
Participant

@mercime

12 years, 10 months ago

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

ttdsinfo
Member

@ttdsinfo

12 years, 10 months ago

Graphene

@mercime
Participant

@mercime

12 years, 10 months ago

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/

ttdsinfo
Member

@ttdsinfo

12 years, 10 months ago

thanks for your time and help. I appreciate it.

@mercime
Participant

@mercime

12 years, 10 months ago

Good luck

ttdsinfo
Member

@ttdsinfo

12 years, 10 months ago

@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.

ttdsinfo
Member

@ttdsinfo

12 years, 10 months ago

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?

@mercime
Participant

@mercime

12 years, 10 months ago

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.

BuddyPress.org

BP Theme Compatibility – Step Three Help

Topic Info

Topic Tags

BuddyPress.org

BP Theme Compatibility – Step Three Help

Topic Info

Topic Tags

Reply Search