Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Fixing Alignment Problems on pages using Buddypress – Catch Box themeCath

  • Avatar of ed161718
    ed161718
    Participant

    @ed161718

    Okay, I just installed the theme “Catch Box” to my website: http://www.fifaadvocate.com . Now I am in the process of fixing the alignment issues caused by BuddyPress on the affected pages. I have installed the BuddyPress Template Pack plugin, as this is not a compatible BuddyPress theme. I have almost no experience with FTP when editing, but understand step 3 requires some editing of my themes template files, so providing the specific code I need to add to any files is best for me. It seems, the header is too short or something like that, the right sidebar does not have enough room, and gets pushed below the content, and the content is being narrowed. Any help would be really appreciated!!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @ed161718 open up your theme’s header.php with a text editor, copy all code, paste code in pastebin.com, click submit and post the generated URL here. Do the same for your catchbox theme’s index.php, page.php, sidebar.php and footer.php files.

    Avatar of ed161718
    ed161718
    Participant

    @ed161718

    [ header.php : http://pastebin.com/vUewBuD9 ] [index.php : http://pastebin.com/ASQVp8gK ] [page.php : http://pastebin.com/Es97Tfbr ] [sidebar.php : http://pastebin.com/iXEmmiUh ] [sidebar-footer.php : http://pastebin.com/n3tmQguW ] [footer.php : http://pastebin.com/V3GcVRGx ]

    I included the sidebar-footer just in case, and thank you so far for the help!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @ed161718 just checked the codes you posted. For the catch box theme, you would need to revise 16 template files from the BP template folders transferred to your theme folder in wp-content/themes/catch-box/ during the Appearance > BP Compatibility process. If you still want the instructions, let me know.

    Avatar of ed161718
    ed161718
    Participant

    @ed161718

    Yeah, I learn as I go, so do please post the instructions.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @ed161718 page.php requires content-page.php and I need the code to the latter to complete the instructions.

    Avatar of ed161718
    ed161718
    Participant

    @ed161718

    okay sorry for the delay, here is the content-page.php : http://pastebin.com/c8hRpDDn

    Avatar of Sciencefiction68
    Sciencefiction68
    Participant

    @sciencefiction68

    Hello. Im having exact same problem. I tried to mix up with style css on my own. But couldn’t manage to solve the problem due to my luck of knowledge on programming. So i reset everything. Im Using Pinboard theme. Widget area is pushed down… You can see it on http://mikrospark.com/istifadeciler/
    What should i do?

    header.php http://pastebin.com/WWWUQZWh
    index.php http://pastebin.com/BGPXMw0L
    page.php http://pastebin.com/kg6nEXiY
    sidebar.php http://pastebin.com/3ErbYaeG
    footer.php http://pastebin.com/1dPfs2Fi
    I dont have content-page.php …???

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @sciencefiction68 this topic is specific for the alignment of the Catch Box theme for ed161718. Please start a new topic, copy over what you’ve posted above and I’ll help you there.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @ed161718 You need to change 16 template files within the 6 BP folders transferred to your catch-box theme folder in server during the compatibility process.

    If you’ve previously changed any of the BP template files in your catch-box 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 `

    // Titles Of Respective BP Page Templates //

    `, AND move title to above `

    `. Just watch out when you do this in the /activity/index.php page.

    Save files.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    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/catch-box/

    D. Copy the style modifications made in BP Twenty Ten at http://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.

    Avatar of Sciencefiction68
    Sciencefiction68
    Participant

    @sciencefiction68

    done!:)

    Avatar of ed161718
    ed161718
    Participant

    @ed161718

    Thanks for all the help, all I have to do is tweak it now!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    :-)

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

You must be logged in to reply to this topic.