[TitanT30]

I am having trouble fixing my theme on WordPress. I am using the theme “Ubuntu”, that I bought from the themeforest marketplace, and the directions that buddypress gives me to fix my theme to work and align correctly I can’t get it to work. If you visit: http://www.dotdosh.com/occupy/activity/ It seems that the alignment is still off on some of the pages, and the “activity” page is aligned, however the information just looks scattered and not on a white background.

So if anyone here can help me fix this, I would really appreciate it.

Thanks.

[@mercime]

Open up your ubuntu theme’s header.php with text editor, copy all source code and go to pastebin.com, and paste code there, click submit, and post the generated pastebin URL here. Do the same for index.php, page.php, sidebar.php and footer.php.

[TitanT30]

Thank you for the help. I have been trying to figure this out all day, but I couldn’t get anything to work properly.

Header: http://pastebin.com/jwWMCPJd
Index: http://pastebin.com/2gHaGPtj
Page: http://pastebin.com/GVJhc8dv
Footer: http://pastebin.com/3y8xDv5s

There was no sidebar.php.

[@mercime]

If you’ve revised any of the template files within the 6 BP folders transferred to your ubuntu theme folder during the compatibility process, then you have to delete those 6 BP folders within wp-content/themes/ubuntu/ and re-run Appearance > BP compatibility again to get fresh new folders.

The following instruction involves creating two files and uploading to your wp-content/themes/ubuntu as well as adding necessary styles then other recommended styles.

1. Open up your theme’s header.php file with text editor and Save As > header-buddypress.php
2. Open up header-buddypress.php and add the following at the very BOTTOM of the file:
`

`
Note: if there are errors on page later, remove the line “ from header-buddypress.php
3. Save and upload to server wp-content/themes/ubuntu/ folder

4. Create a new file sidebar-buddypress.php and in it add:
`

`
5. Save and upload to wp-content/themes/ubuntu/ folder

6. Open up your theme’s style.css and you must add the following at bottom of file:
`/* My BuddyPress styles */
body.activate #content,
body.activity #content,
body.blogs #content,
body.friends #content,
body.forums #content,
body.groups #content,
body.members #content,
body.messages #content,
body.profile #content,
body.register #content,
body.registration #content,
body.xprofile #content {
background: #ffffff;
padding: 20px;
width: 800px;
}`
7. Save and upload to folder
8. Note: other styles you might want to add after the above styles to remove UL list-styles or tweak some element widths, as needed per assistance with other themes are found in this page https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

[TitanT30]

Thank you so much I got it to work.

There is one problem I have however, on the pages, there is no way to differentiate the information from the actual background on the site. Is there any way I can have it on top of a layer of white?

What it is like right now: https://i.imgur.com/yK9Ap.png
How I would like it to be: https://i.imgur.com/H3ljs.png

[@mercime]

@TitanT30 You’re welcome. I can see where we need to adjust – the trade-off for creating 2 files instead of changing 16 files for BP compatibility

I just added `background: #ffffff;` and `width: 800px;` to the code posted above. You need to add that at the bottom of your stylesheet, style.css file

[TitanT30]

Thanks a lot, I got it to work. You are the best.

I have one last problem: https://i.imgur.com/PXbcU.png
In that image, the buttons on the right are being cut off and the page numbers are not aligned correctly. Is there any way I can fix that?

Thanks again, and sorry to be a bother. *blushes*