Since you aren’t using default theme, you probably didn’t configure your theme correctly that CSS is not being loaded. Read documents and forums posts about new theme architectures.
Did you do this step?
“You can try including the components.css file from the BuddyPress parent theme to add layout styles to BuddyPress pages. Open up your WordPress theme’s style.css file. Add the following line below the comment header:
@import url( ../bp-sn-parent/_inc/css/components.css ) “
From the guide:
https://codex.buddypress.org/how-to-guides/upgrading-a-buddypress-1-0-theme-for-buddypress-1-1/
That will get you a bit further to styling perfection. The rest is up to you. I’m sitting and styling my website right now. Lots of fun and frustration.
Also, get to know Firebug if you don’t already. It’s not possible to work without if you’re a newbie like me.
Thanks a lot for your help!
I’m still wondering how to merge the BuddyPress into my WordPress theme on my site.
That’s a very broad question.
The thing is…. it’s really quite new to all of us. It’s a new feature and haven’t been tested that extensively. There are no step 1, step 2, step 3 guides. I’m sitting and integrating the P2-theme with Buddypress and it’s a lot of work. I’m new to this and slow but if you start to read the code and try to understand it it’s quite possible to make it bend in the manner you want.