I have posted this question in the wrong group, this can be deleted, I have started a new topic in the installing buddypress forum.
@infodebroekriemnl we’ll continue with the support in this thread. Initial scan shows that you would need to change 16 files for Step 3 of the BP Compatibility process.
The Esplanade Theme Demo at http://demo.onedesigns.com/esplanade/ shows default page layout is “Sidebar Content Split”. Is that what you want for all your BP component pages or something else from the list of Page Templates in the demo?
Thanks @mercime for your repley!
I would like to use the page lay-out “content / sidebar”
@infodebroekriemnl Based on the HTML structure of your theme, you need to change 16 template files within the 6 BP folders transferred to your esplanade theme folder in server during the compatibility process.
If you’ve previously changed any of the BP template files in your esplanade theme folder in server, replace all of them for a clean slate by deleting the 6 BP folders – /activity, /blogs, /forums, /groups, /members, and /registration – then re-run Appearance > BP Compatibility.
Download the 6 clean BP folders to your computer hard drive.
A. At the top of each of those 16 template files I linked to above, replace
`
`
with the following:
`
<article id=”post-“>
`
Then, in each of 16 files, you’d like to change the BP Templates’ page title’s header tag from `
…
` or `
..
` to
`
`
where applicable, then move this to above `
` Just watch out when you do this in the /activity/index.php page.
Save files.
B. At the bottom of the same 16 files, replace:
`
`
with the following (except for registration/register.php):
`
`
with the following for registration/register.php:
`
jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});
`
Save files.
C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/esplanade/
D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.
woow thank you @mercime so much! I have just work finished up the site and it looks beautiful thanks to you! Thank you very much for your quick repley and service!
You’re welcome. Glad you got it working.
This is not a service. Just volunteer work 
