Topic: [Resolved] Buddypress install won’t take on Gabfire Quickstart WordPress theme or align properly

[Resolved] Buddypress install won’t take on Gabfire Quickstart WordPress theme or align properly

snowlas
Participant

@snowlas

12 years, 2 months ago

I am using a Gabfire Theme called quickstart. The designers over there have very little experience with Buddypress, so they’re unfortunately not much help.
I know HTML, a bit about CSS, but I’m new to PHP and Buddypress. I am running Buddypress 1.5 and WordPress 3.3.1

I tried following the steps in Step 3 of the BP Compatibility plugin, but it’s not working.
Here is the website: http://www.mediabridges.info.

Here is a screen shot of what the Buddy Press pages look like:
Screenshot

I have saved copies of my header.php, my sidebar.php, and my footer.php as header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php. All are in my Quickstart Theme folder.

I also tried to use some of the code in prior threads that helped others with this similar problem, but nothing worked.

Here is some code to look over – what am I missing? Will I need to create a child theme instead?

http://pastebin.com/hhehTRJX (page.php, index.php is empty)
http://pastebin.com/f5e5yCVH (header-buddypress.php)
http://pastebin.com/tvqdtCm5 (sidebar-buddypress.php)
http://pastebin.com/JL17CGwX (footer-buddypress.php)

Another thing to make note of when it comes to CSS, I am actually planting the background from Appearance>Background not from the actual style sheet for the website. It wasn’t working quite right in the CSS.

I usually produce videos for my position here, so website building has always been more of a hobby of mine. There are definite gaps in my knowledge! Haha.

Thanks for any help you can give!

Viewing 12 replies - 1 through 12 (of 12 total)

@mercime
Keymaster

@mercime

12 years, 2 months ago

== I also tried to use some of the code in prior threads that helped others with this similar problem, but nothing worked. ==

Those won’t work because of different HTML structures in all probability. Let me check on what you’ve posted so far.

EDIT – Please confirm that the codes within header-buddypress.php, sidebar-buddypress.php and footer-buddypress.php are original copies of your theme’s header.php, sidebar.php and footer.php respectively. That is, you have not added any other code to the aforementioned xxx-buddypress.php files.

snowlas
Participant

@snowlas

12 years, 2 months ago

I have not. They are exact copies.

I appreciate this! Thank you!

@mercime
Keymaster

@mercime

12 years, 2 months ago

First of all, delete footer-buddypress.php, we won’t be needing it.

Open up header-buddypress.php and at the bottom of the file below other code add this:
`

<div id="post-” >

`

Save file.

@mercime
Keymaster

@mercime

12 years, 2 months ago

Open up sidebar-buddypress.php, at the top of the file, above other code add this:
`

`

then at the very bottom of the same file, below other code, add this:
`

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

Upload to wp-content/themes/quickstart/

Re: styling of BP components. You might want to use some or all of the style modifications used in Twenty Ten theme https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

snowlas
Participant

@snowlas

12 years, 2 months ago

Awesome. Works! The only thing missing is the background image… which I should be able to tinker with in the CSS and get it to work that way.

If I got rid of the sidebar for a full width view, would it break? If it will, then I’ll leave it alone.

Thank you so much! Amazing support!

@mercime
Keymaster

@mercime

12 years, 2 months ago

You’re welcome.

== only thing missing is the background image ==
That is because the body class .custom-background where your black background is added to is not automatically generated in the BuddyPress template files. If you are set in what your style is, you could copy over the body.custom-background styles to body { }

== If I got rid of the sidebar for a full width view, would it break? ==
Check if the theme has a full-width template file and make the changes in header-buddypress.php and sidebar-buddypress.php per structure.

snowlas
Participant

@snowlas

12 years, 2 months ago

Background image
I don’t know where to grab this code. I didn’t see anything in the style.css page. Or where to paste this in the buddy press theme?

Sidebar
I do have a full width template file. I’m guessing I need to call that template – named tpl-fullwidth.php in the header? I tried to erase calling for the sidebar in the header file. This doesn’t work. I erased the inner div codes on the sidebar-buddypress.php file, but it just erases the information. My content is still small.

@mercime
Keymaster

@mercime

12 years, 2 months ago

Before anything else, I have updated sidebar-buddypress.php in post above to include necessary script for the register page near bottom of file.

snowlas
Participant

@snowlas

12 years, 2 months ago

Again – many thanks for your hard work! WordPress and BuddyPress are just awesome. I just need help with 2 things. I’m including a photo.

Screen Capture

1. I’m not sure where to get the custom background code or if I should place it somewhere in the buddypress default theme or my style sheet.

2. I went into each page for group, activate, register, activity, etc, that buddy press made. Set the template to a full width template. This did not get rid of the sidebar when I’m in buddypress pages. I want to get rid of the sidebar all together.

Thank you!

@mercime
Keymaster

@mercime

12 years, 2 months ago

First thing. #2) If you’re changing the BP template pack files, then backup and remove the header-buddypress.php and sidebar-buddypress.php files we created from your quickstart theme folder in server.

It’s either the 1st method (changing BP template pack files which you did) OR the 2nd method (xxx-buddypress.php files), because mixing them for BP Compatibility is unnecessary and can cause issues if you mix up your HTML structure.

#1) If you delete the header-buddypress.php and sidebar-buddypress.php files then the changes to the stylesheet will be different assuming you got the markup correct.

Before taking final measures however, perhaps you’d copy source code of your full width page template from quickstart and post to pastebin.com. We could take a look at changing header- and sidebar-buddypress.php instead if feasible.

snowlas
Participant

@snowlas

12 years, 2 months ago

I figured it all out. I used Firebug to grab the custom background CSS and placed it into my main style sheet.

Then for the getting rid of the side bar, I needed to adapt the code to match what in the full width template file compared to the page file. Then I had to make the same adjustment for the bottom in the sidebar file as well.

Thank you for all the help! I really needed it!

@mercime
Keymaster

@mercime

12 years, 2 months ago

@snowlas You’re welcome and Congratulations. Glad you resolved layout to your satisfaction

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘[Resolved] Buddypress install won’t take on Gabfire Quickstart WordPress theme or align properly’ is closed to new replies.

BuddyPress.org

[Resolved] Buddypress install won’t take on Gabfire Quickstart WordPress theme or align properly

Topic Info

Topic Tags

BuddyPress.org

[Resolved] Buddypress install won’t take on Gabfire Quickstart WordPress theme or align properly

Topic Info

Topic Tags

Reply Search